Color con nombre · #CECEAF
Longbeard Grey
Longbeard Grey es #CECEAF: rgb(206 206 175), hsl(60 24% 75%), oklch(0.843 0.042 107.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Longbeard Grey color name →
#CECEAF
oklch(0.843 0.042 107.3)
Conversiones de color
- HEX
- #ceceaf
- RGB
- rgb(206 206 175)
- HSL
- hsl(60 24% 75%)
- HWB
- hwb(60 69% 19%)
- OKLCH
- oklch(0.843 0.042 107.3)
- OKLab
- oklab(0.843 -0.012 0.04)
- CIE Lab
- lab(82.15 -3.89 15.51)
- LCH
- lch(82.15 15.99 104.1)
- CMYK
- cmyk(0% 0% 15% 19%)
Tintes · Sombras · Tonos
Tintes
- D3D3B7
- D8D8BF
- DCDDC7
- E1E1CF
- E6E6D7
- EBEBDF
- F0F0E7
- F5F5EF
- FAFAF7
Sombras
- B3B398
- 989881
- 7F7F6B
- 666656
- 4E4E41
- 38382E
- 23231C
- 0F0F0B
- 020201
Tonos
- C6C6AA
- BEBEA6
- B6B6A1
- AEAE9C
- A6A697
- 9E9E93
- 97978E
- 8F8F89
- 878885
Armonías de color
Complementario +180°
- CECEAF
Longbeard Grey
- C9C8E6
≈ Powdered Granite
Análogo -30° +30°
- CECEAF
Longbeard Grey
- DBC9AE
≈ Sunday Drive
- BFD2B8
≈ Eucalyptus Leaf
Triádico +120° +240°
- CECEAF
Longbeard Grey
- B0D2E1
≈ Early June
- E1C1D1
≈ In the Slip
Complementario dividido +150° +210°
- CECEAF
Longbeard Grey
- BBCDE7
≈ Maritime
- D7C4DE
≈ Simply Lavender
Tetrádico +90° +180° +270°
- CECEAF
Longbeard Grey
- ADD5D5
≈ Sugar Pool
- C9C8E6
≈ Powdered Granite
- E6C1C2
≈ Baby’s Booties
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASobre negro
WCAG 13.07:1 · APCA Lc 76
Mejor color de texto: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--longbeard-grey: #ceceaf;
--longbeard-grey-rgb: 206 206 175;
--longbeard-grey-oklch: oklch(0.843 0.042 107.3);
}
.element {
color: var(--longbeard-grey);
background-color: hsl(60 24% 75%);
border-color: oklch(0.843 0.042 107.3);
}Tailwind CSS v4
@theme {
--color-longbeard-grey: #ceceaf;
--color-longbeard-grey-50: #f6f6e9;
--color-longbeard-grey-100: #e8e9da;
--color-longbeard-grey-200: #d5d6c2;
--color-longbeard-grey-300: #b8baa1;
--color-longbeard-grey-400: #a1a184;
--color-longbeard-grey-500: #898968;
--color-longbeard-grey-600: #747459;
--color-longbeard-grey-700: #5d5c47;
--color-longbeard-grey-800: #444333;
--color-longbeard-grey-900: #2f2f22;
--color-longbeard-grey-950: #1c1b12;
}SCSS
$longbeard-grey: #ceceaf;
$longbeard-grey-rgb: 206, 206, 175;
$longbeard-grey-light: mix(#fff, $longbeard-grey, 20%);
$longbeard-grey-dark: mix(#000, $longbeard-grey, 20%);
.element {
color: $longbeard-grey;
box-shadow: 0 0 0 2px rgba($longbeard-grey, 0.35);
}