Benoemde kleur · #CBCCB5
Only Olive
Only Olive is #CBCCB5: rgb(203 204 181), hsl(63 18% 75%), oklch(0.838 0.031 109.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Only Olive color name →
#CBCCB5
oklch(0.838 0.031 109.1)
Kleurconversies
- HEX
- #cbccb5
- RGB
- rgb(203 204 181)
- HSL
- hsl(63 18% 75%)
- HWB
- hwb(63 71% 20%)
- OKLCH
- oklch(0.838 0.031 109.1)
- OKLab
- oklab(0.838 -0.01 0.03)
- CIE Lab
- lab(81.5 -3.32 11.39)
- LCH
- lch(81.5 11.87 106.2)
- CMYK
- cmyk(0% 0% 11% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D0D1BC
- D5D6C4
- DADBCB
- DFE0D2
- E5E5DA
- EAEAE1
- EFF0E8
- F4F5F0
- FAFAF7
Schaduwen
- B0B19D
- 969786
- 7D7E6F
- 656559
- 4D4E44
- 373730
- 22221D
- 0F0F0C
- 020202
Tonen
- C3C4B0
- BBBCAA
- B4B5A5
- ACADA0
- A5A59A
- 9D9E95
- 969690
- 8E8F8A
- 878785
Kleurharmonieën
Complementair +180°
- CBCCB5
Only Olive
- C9C7DE
≈ Purple Purity
Analoog -30° +30°
- CBCCB5
Only Olive
- D5C8B4
≈ Desert Suede
- C0CFBC
≈ Mellow Spring
Triadisch +120° +240°
- CBCCB5
Only Olive
- B6CEDA
≈ Stencil Blue
- DBC2CD
≈ Baby Tone
Gesplitst complementair +150° +210°
- CBCCB5
Only Olive
- BECBDF
≈ Arctic Grey
- D3C4D7
≈ Seedless Grape
Tetradisch +90° +180° +270°
- CBCCB5
Only Olive
- B3D1D2
≈ Fine China
- C9C7DE
≈ Purple Purity
- DEC2C2
≈ Cameo Appearance
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.63:1 · APCA Lc 28
Ag
AAAOp zwart
WCAG 12.84:1 · APCA Lc 75
Beste tekstkleur: #000000
WCAG 12.84:1 (AAA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--only-olive: #cbccb5;
--only-olive-rgb: 203 204 181;
--only-olive-oklch: oklch(0.838 0.031 109.1);
}
.element {
color: var(--only-olive);
background-color: hsl(63 18% 75%);
border-color: oklch(0.838 0.031 109.1);
}Tailwind CSS v4
@theme {
--color-only-olive: #cbccb5;
--color-only-olive-50: #f5f6ec;
--color-only-olive-100: #e8e9dd;
--color-only-olive-200: #d4d6c7;
--color-only-olive-300: #b8b9a7;
--color-only-olive-400: #9fa08b;
--color-only-olive-500: #878871;
--color-only-olive-600: #73735f;
--color-only-olive-700: #5c5c4c;
--color-only-olive-800: #434337;
--color-only-olive-900: #2e2e25;
--color-only-olive-950: #1b1b14;
}SCSS
$only-olive: #cbccb5;
$only-olive-rgb: 203, 204, 181;
$only-olive-light: mix(#fff, $only-olive, 20%);
$only-olive-dark: mix(#000, $only-olive, 20%);
.element {
color: $only-olive;
box-shadow: 0 0 0 2px rgba($only-olive, 0.35);
}