Cor nomeada · #CDC0B7
French Castle
French Castle é #CDC0B7: rgb(205 192 183), hsl(25 18% 76%), oklch(0.816 0.019 57.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · French Castle color name →
#CDC0B7
oklch(0.816 0.019 57.2)
Conversões de cor
- HEX
- #cdc0b7
- RGB
- rgb(205 192 183)
- HSL
- hsl(25 18% 76%)
- HWB
- hwb(25 72% 20%)
- OKLCH
- oklch(0.816 0.019 57.2)
- OKLab
- oklab(0.816 0.01 0.016)
- CIE Lab
- lab(78.6 3.59 6.28)
- LCH
- lch(78.6 7.23 60.2)
- CMYK
- cmyk(0% 6% 11% 20%)
Tons claros · Sombras · Tons
Tons claros
- D2C6BE
- D7CCC5
- DCD3CC
- E1D9D3
- E6DFDA
- EBE5E2
- F0ECE9
- F5F2F0
- FAF9F8
Sombras
- B2A79F
- 988E87
- 7E7670
- 665F5A
- 4E4945
- 383431
- 23201E
- 0F0E0C
- 020202
Tons
- C5B9B1
- BDB3AC
- B5ACA6
- ADA6A1
- A69F9B
- 9E9996
- 969390
- 8F8C8B
- 878685
Harmonias de cor
Complementar +180°
- CDC0B7
French Castle
- B8C5CE
≈ Yorkshire Cloud
Análoga -30° +30°
- CDC0B7
French Castle
- CFBEBC
≈ Moth Pink
- C8C2B5
≈ Sandy Sage
Tríade +120° +240°
- CDC0B7
French Castle
- B6C7C2
≈ Surf Spray
- C4C0CE
≈ Clary Sage
Complementar dividida +150° +210°
- CDC0B7
French Castle
- B5C7C9
≈ Misty Surf
- BDC3D0
≈ Powder Lilac
Tétrade +90° +180° +270°
- CDC0B7
French Castle
- BBC6BC
≈ Antique Patina
- B8C5CE
≈ Yorkshire Cloud
- CABFC9
≈ Puffball
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.81:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.81:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--french-castle: #cdc0b7;
--french-castle-rgb: 205 192 183;
--french-castle-oklch: oklch(0.816 0.019 57.2);
}
.element {
color: var(--french-castle);
background-color: hsl(25 18% 76%);
border-color: oklch(0.816 0.019 57.2);
}Tailwind CSS v4
@theme {
--color-french-castle: #cdc0b7;
--color-french-castle-50: #faf4f0;
--color-french-castle-100: #ede6e2;
--color-french-castle-200: #dbd2cc;
--color-french-castle-300: #bfb5ae;
--color-french-castle-400: #a89c94;
--color-french-castle-500: #91837a;
--color-french-castle-600: #7a6f67;
--color-french-castle-700: #625953;
--color-french-castle-800: #48413c;
--color-french-castle-900: #322d29;
--color-french-castle-950: #1e1a17;
}SCSS
$french-castle: #cdc0b7;
$french-castle-rgb: 205, 192, 183;
$french-castle-light: mix(#fff, $french-castle, 20%);
$french-castle-dark: mix(#000, $french-castle, 20%);
.element {
color: $french-castle;
box-shadow: 0 0 0 2px rgba($french-castle, 0.35);
}