#2d99ba Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #2d99ba | RGB(45, 153, 186) |
Creado en 03/06/2023 19:45
Clasificación de colores #2d99ba
#2d99ba es Claro y Frío Color Saturación 61%, luminosidad 45%.
Tono oscuro de cadetblue
RGB los valores son RGB(45, 153, 186)
#2d99ba el color contiene Rojo 17.65%, Verde 60% y Azul 72.94%.
oklch(63.76% 0.1056 223.03)
#2d99ba el color contiene Rojo 17.65%, Verde 60% y Azul 72.94%.
oklch(63.76% 0.1056 223.03)
Nombres de color de #2d99ba HEX código
≈ Boston Blue
colores alternativos de #2d99ba
Color opuesto para #2d99ba – #ba4e2d
#2d99ba Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #2d99ba
cmyk
CMYK(76%, 18%, 0%, 27%)
Decimal
2988474
HEX
#2d99ba
HSL
hsl(194, 61%, 45%)
HSLA
hsla(194, 61%, 45%, 1)
RGB
RGB(45, 153, 186)
RGBA
RGBA(45, 153, 186, 1)
Paletas para el color #2d99ba:
A continuación ejemplos de paletas de colores para #2d99ba color HEX
el color más oscuro de los tonos oscuros es #040f13 y el más claro de los tonos claros es #eaf5f8
Paleta de tonos oscuros de #2d99ba:
#298aa7
#247a95
#1f6b82
#1b5c70
#174d5d
#123d4a
#0e2e38
#091f25
#040f13
#000000
Paleta de tonos claros de #2d99ba:
#42a3c1
#57adc8
#6cb8cf
#81c2d6
#96ccdd
#abd6e3
#c0e0ea
#d5ebf1
#eaf5f8
#ffffff
Paleta complementaria de #2d99ba:
#2d99ba
#ba4e2d
Paleta triádica de #2d99ba:
#2d99ba
#ba2d99
#99ba2d
Paleta cuadrada de #2d99ba:
#2d99ba
#942dba
#ba4e2d
#53ba2d
Paleta análoga de #2d99ba:
#2dba94
#2d99ba
#2d53ba
Paleta dividida-complementaria de #2d99ba:
#2d99ba
#ba2d53
#ba942d
Paleta rectangular (tetrádica) de #2d99ba:
#2d99ba
#4e2dba
#ba4e2d
#99ba2d
Paletas de colores sugeridas para #2d99ba HEX:
Paleta de colores con color #2d99ba #1:
Paleta de colores con color #2d99ba #2:
Paleta de colores con color #2d99ba #3:
Paleta de colores con color #2d99ba #4:
Paleta de colores con color #2d99ba #5:
Color #2d99ba usado en paletas (1)
Contraste de color
Combinaciones de colores #2d99ba con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#2d99ba
#2d99ba Relación de contraste
3.29:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#2d99ba
#2d99ba Relación de contraste
6.37:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #2d99ba color png
Visita la lista de colores populares para más colores