#AEBBC6

Color con nombre más cercano: French Gray (#ADB5BD). oklch(78.5% 0.021 243.5), rgb(174, 187, 198).

Aa

El texto negro es el que mejor se lee sobre este color (10.72:1).

Sobre este color

#AEBBC6 es un tono claro cercano al gris neutro. En OKLCH, su luminosidad es 79%, su croma 0.021. Tiene muy poco croma para inclinarse hacia lo cálido o lo frío. El color con nombre más cercano es French Gray (#ADB5BD), a una distancia de ΔE 0.018. El texto negro es el que mejor se lee sobre este color, con 10.72:1.

Familia de matizNeutros
Luminosidadclaro (79%)
Cromacercano al gris neutro (0.021)
Temperaturaneutro
Nombre más cercanoFrench Gray (#ADB5BD)
Texto negro10.72:1
Texto blanco1.95:1

Valores

HEX#AEBBC6
RGBrgb(174, 187, 198)
HSLhsl(208, 17%, 73%)
OKLCHoklch(78.5% 0.021 243.5)

Contraste

Las relaciones de contraste de WCAG 2 son el objetivo de conformidad: AA exige 4.5:1 para texto de cuerpo y 3:1 para texto grande; AAA exige 7:1. Los valores Lc de APCA son una guía complementaria de los borradores de WCAG 3.

CombinaciónWCAG 2ResultadoAPCAGuía APCA
Texto blanco sobre #AEBBC6 1.95:1 No cumple Lc -42.1 Elementos que no son texto, texto de marcador de posición
Texto negro sobre #AEBBC6 10.72:1 AAA Lc 66.2 Texto de contenido, no para lecturas largas
Texto #AEBBC6 sobre blanco 1.95:1 No cumple Lc 37.7 Elementos que no son texto, texto de marcador de posición
Texto #AEBBC6 sobre negro 10.72:1 AAA Lc -64.7 Texto de contenido, no para lecturas largas

Tintes y tonos

Una escala de 50 a 950 creada en OKLCH: el matiz se mantiene, la luminosidad sigue una curva parecida a la de Tailwind v4 y cada paso permanece dentro de la gama sRGB. Este color está en el paso 300.

  1. Paso 50

    50

    #F4F6F7

    oklch(97.2% 0.003 228.8)

  2. Paso 100

    100

    #E6EAEE

    oklch(93.5% 0.007 247.9)

  3. Paso 200

    200

    #D3DAE0

    oklch(88.5% 0.011 243.7)

  4. Paso 300

    300 (este color)

    #AEBBC6

    oklch(78.5% 0.021 243.5)

  5. Paso 400

    400

    #8FA4B5

    oklch(70.8% 0.034 242.6)

  6. Paso 500

    500

    #738DA2

    oklch(63.1% 0.043 242.8)

  7. Paso 600

    600

    #5C778D

    oklch(55.6% 0.047 243.3)

  8. Paso 700

    700

    #4B6478

    oklch(49.1% 0.044 242.9)

  9. Paso 800

    800

    #3E5262

    oklch(42.8% 0.036 242.8)

  10. Paso 900

    900

    #354450

    oklch(37.8% 0.028 242.6)

  11. Paso 950

    950

    #1F282F

    oklch(27.1% 0.018 241.7)

Exporta esta escala para Tailwind con la herramienta de colores de Tailwind

#AEBBC6 con daltonismo

Simulado con el modelo de Machado et al. (2009). ΔE es cuánto se desplaza el color: por debajo de 0.02 aproximadamente no notarías el cambio.

VisiónSe ve comoCambio (ΔE)
Protanopía (sin conos rojos)#B7BBC70.012
Deuteranopía (sin conos verdes)#B4B8C60.011
Tritanopía (sin conos azules)#A8BEBE0.018
Acromatopsia (sin color)#B9B9B90.021

Armonías

Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.

Complementario

El matiz opuesto (180°).

  • #AEBBC6

    #AEBBC6

    oklch(78.5% 0.021 243.5)

  • #C3B7AB

    #C3B7AB

    oklch(78.6% 0.022 67.5)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #AEBBC6

    #AEBBC6

    oklch(78.5% 0.021 243.5)

  • #AABDC1

    #AABDC1

    oklch(78.5% 0.022 211.8)

  • #B4B8C7

    #B4B8C7

    oklch(78.4% 0.022 274)

Abre la paleta análoga en el generador

Complementario dividido

Los dos matices junto al complementario (150° y 210°).

  • #AEBBC6

    #AEBBC6

    oklch(78.5% 0.021 243.5)

  • #C6B5B0

    #C6B5B0

    oklch(78.6% 0.021 37)

  • #BDB9AA

    #BDB9AA

    oklch(78.5% 0.021 94.6)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #AEBBC6

    #AEBBC6

    oklch(78.5% 0.021 243.5)

  • #C6B4B7

    #C6B4B7

    oklch(78.6% 0.021 6.1)

  • #B6BCAD

    #B6BCAD

    oklch(78.6% 0.022 124.7)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #AEBBC6

    #AEBBC6

    oklch(78.5% 0.021 243.5)

  • #C2B4BF

    #C2B4BF

    oklch(78.5% 0.022 333)

  • #C3B7AB

    #C3B7AB

    oklch(78.6% 0.022 67.5)

  • #AFBDB3

    #AFBDB3

    oklch(78.5% 0.021 154.8)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #AEBBC6

Estas paletas y degradados seleccionados contienen exactamente #AEBBC6. Abre uno para ver el esquema de color completo que lo rodea.

Paletas

Colores con nombre similares

Las ocho entradas más cercanas de nuestra lista de colores con nombre, con su distancia ΔE.

Usa #AEBBC6 en tu producto

Conviértelo en roles de interfaz claros y oscuros con el contraste verificado y expórtalos a Tailwind v4, shadcn/ui, CSS o design tokens.