Cor nomeada · #C2BBA2
Castle Wall
Castle Wall é #C2BBA2: rgb(194 187 162), hsl(47 21% 70%), oklch(0.791 0.035 94.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Castle Wall color name →
#C2BBA2
oklch(0.791 0.035 94.1)
Conversões de cor
- HEX
- #c2bba2
- RGB
- rgb(194 187 162)
- HSL
- hsl(47 21% 70%)
- HWB
- hwb(47 64% 24%)
- OKLCH
- oklch(0.791 0.035 94.1)
- OKLab
- oklab(0.791 -0.003 0.035)
- CIE Lab
- lab(75.96 -0.57 13.65)
- LCH
- lch(75.96 13.66 92.4)
- CMYK
- cmyk(0% 4% 16% 24%)
Tons claros · Sombras · Tons
Tons claros
- C8C2AB
- CEC8B4
- D4CFBD
- DAD6C7
- E0DDD0
- E6E3D9
- ECEAE3
- F3F1EC
- F9F8F5
Sombras
- A8A28C
- 8F8A77
- 777363
- 605C4F
- 49463C
- 34322A
- 201F19
- 0E0D0A
- 020201
Tons
- BBB59F
- B4AF9B
- AEA998
- A7A394
- A09D91
- 9A978E
- 93918A
- 8D8C87
- 868683
Harmonias de cor
Complementar +180°
- C2BBA2
Castle Wall
- B4BAD2
≈ Cold Winter’s Morn
Análoga -30° +30°
- C2BBA2
Castle Wall
- CCB7A4
≈ Rustic Rose
- B6BFA7
≈ Desolace Dew
Tríade +120° +240°
- C2BBA2
Castle Wall
- A2C1C9
≈ Stratosphere
- CAB3C4
≈ Runic Mauve
Complementar dividida +150° +210°
- C2BBA2
Castle Wall
- A9BED0
≈ Rendez-Blue
- C0B6CE
≈ Savile Row
Tétrade +90° +180° +270°
- C2BBA2
Castle Wall
- A3C3BD
≈ New-Age Green
- B4BAD2
≈ Cold Winter’s Morn
- D0B2B8
≈ Izmir Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASobre preto
WCAG 10.92:1 · APCA Lc 66
Melhor cor de texto: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Trechos de código
CSS
:root {
--castle-wall: #c2bba2;
--castle-wall-rgb: 194 187 162;
--castle-wall-oklch: oklch(0.791 0.035 94.1);
}
.element {
color: var(--castle-wall);
background-color: hsl(47 21% 70%);
border-color: oklch(0.791 0.035 94.1);
}Tailwind CSS v4
@theme {
--color-castle-wall: #c2bba2;
--color-castle-wall-50: #f8f5ea;
--color-castle-wall-100: #ebe8db;
--color-castle-wall-200: #d8d4c4;
--color-castle-wall-300: #bcb8a4;
--color-castle-wall-400: #a59e87;
--color-castle-wall-500: #8e866c;
--color-castle-wall-600: #78725c;
--color-castle-wall-700: #605b49;
--color-castle-wall-800: #474235;
--color-castle-wall-900: #312e24;
--color-castle-wall-950: #1d1a13;
}SCSS
$castle-wall: #c2bba2;
$castle-wall-rgb: 194, 187, 162;
$castle-wall-light: mix(#fff, $castle-wall, 20%);
$castle-wall-dark: mix(#000, $castle-wall, 20%);
.element {
color: $castle-wall;
box-shadow: 0 0 0 2px rgba($castle-wall, 0.35);
}