Nazwany kolor · #C6BFA7
Zen Essence
Zen Essence to #C6BFA7: rgb(198 191 167), hsl(46 21% 72%), oklch(0.804 0.034 93.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Zen Essence color name →
#C6BFA7
oklch(0.804 0.034 93.6)
Konwersje koloru
- HEX
- #c6bfa7
- RGB
- rgb(198 191 167)
- HSL
- hsl(46 21% 72%)
- HWB
- hwb(46 65% 22%)
- OKLCH
- oklch(0.804 0.034 93.6)
- OKLab
- oklab(0.804 -0.002 0.034)
- CIE Lab
- lab(77.43 -0.45 13.09)
- LCH
- lch(77.43 13.1 92)
- CMYK
- cmyk(0% 4% 16% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCC5B0
- D1CCB8
- D7D2C1
- DCD8CA
- E2DFD2
- E8E5DB
- EEECE4
- F3F2ED
- F9F8F6
Odcienie ciemniejsze
- ACA691
- 928D7B
- 7A7566
- 625E52
- 4B483E
- 35332C
- 211F1A
- 0E0D0A
- 020201
Tony
- BFB9A3
- B8B29F
- B0AC9B
- A9A597
- A29F93
- 9B9990
- 94928C
- 8E8C88
- 878684
Harmonie kolorów
Komplementarna +180°
- C6BFA7
Zen Essence
- B8BED5
≈ Hazy Sky
Analogowa -30° +30°
- C6BFA7
Zen Essence
- CFBBA9
≈ Chinchilla Chenille
- BAC3AB
≈ Healing Retreat
Triada +120° +240°
- C6BFA7
Zen Essence
- A7C5CC
≈ Salt Spray
- CDB7C8
≈ Soft Amethyst
Komplementarna rozszczepiona +150° +210°
- C6BFA7
Zen Essence
- ADC2D4
≈ Airway
- C3BAD1
≈ Fog Syringa
Tetrada +90° +180° +270°
- C6BFA7
Zen Essence
- A8C6C1
≈ Peppermint Pie
- B8BED5
≈ Hazy Sky
- D3B6BC
≈ Rose Stain
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.84:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.41:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.41:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--zen-essence: #c6bfa7;
--zen-essence-rgb: 198 191 167;
--zen-essence-oklch: oklch(0.804 0.034 93.6);
}
.element {
color: var(--zen-essence);
background-color: hsl(46 21% 72%);
border-color: oklch(0.804 0.034 93.6);
}Tailwind CSS v4
@theme {
--color-zen-essence: #c6bfa7;
--color-zen-essence-50: #f8f5eb;
--color-zen-essence-100: #ebe8dc;
--color-zen-essence-200: #d8d4c5;
--color-zen-essence-300: #bcb8a4;
--color-zen-essence-400: #a59e88;
--color-zen-essence-500: #8d866d;
--color-zen-essence-600: #78725d;
--color-zen-essence-700: #605b4a;
--color-zen-essence-800: #474235;
--color-zen-essence-900: #312e24;
--color-zen-essence-950: #1d1a13;
}SCSS
$zen-essence: #c6bfa7;
$zen-essence-rgb: 198, 191, 167;
$zen-essence-light: mix(#fff, $zen-essence, 20%);
$zen-essence-dark: mix(#000, $zen-essence, 20%);
.element {
color: $zen-essence;
box-shadow: 0 0 0 2px rgba($zen-essence, 0.35);
}