Benoemde kleur · #C2BBA2
Castle Wall
Castle Wall is #C2BBA2: rgb(194 187 162), hsl(47 21% 70%), oklch(0.791 0.035 94.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Castle Wall color name →
#C2BBA2
oklch(0.791 0.035 94.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- C8C2AB
- CEC8B4
- D4CFBD
- DAD6C7
- E0DDD0
- E6E3D9
- ECEAE3
- F3F1EC
- F9F8F5
Schaduwen
- A8A28C
- 8F8A77
- 777363
- 605C4F
- 49463C
- 34322A
- 201F19
- 0E0D0A
- 020201
Tonen
- BBB59F
- B4AF9B
- AEA998
- A7A394
- A09D91
- 9A978E
- 93918A
- 8D8C87
- 868683
Kleurharmonieën
Complementair +180°
- C2BBA2
Castle Wall
- B4BAD2
≈ Cold Winter’s Morn
Analoog -30° +30°
- C2BBA2
Castle Wall
- CCB7A4
≈ Rustic Rose
- B6BFA7
≈ Desolace Dew
Triadisch +120° +240°
- C2BBA2
Castle Wall
- A2C1C9
≈ Stratosphere
- CAB3C4
≈ Runic Mauve
Gesplitst complementair +150° +210°
- C2BBA2
Castle Wall
- A9BED0
≈ Rendez-Blue
- C0B6CE
≈ Savile Row
Tetradisch +90° +180° +270°
- C2BBA2
Castle Wall
- A3C3BD
≈ New-Age Green
- B4BAD2
≈ Cold Winter’s Morn
- D0B2B8
≈ Izmir Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.92:1 · APCA Lc 37
Ag
AAAOp zwart
WCAG 10.92:1 · APCA Lc 66
Beste tekstkleur: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Codefragmenten
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);
}