Couleur nommée la plus proche · #CFD7B5
#CFD7B5
Couleur nommée la plus proche: Zen Garden
#CFD7B5 (rgb(207 215 181), hsl(74 30% 78%), oklch(0.864 0.046 118.1)) est la plus proche de la couleur nommée Zen Garden. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CFD7B5
oklch(0.864 0.046 118.1)
Conversions de couleur
- HEX
- #cfd7b5
- RGB
- rgb(207 215 181)
- HSL
- hsl(74 30% 78%)
- HWB
- hwb(74 71% 16%)
- OKLCH
- oklch(0.864 0.046 118.1)
- OKLab
- oklab(0.864 -0.022 0.041)
- CIE Lab
- lab(84.69 -7.16 15.88)
- LCH
- lch(84.69 17.43 114.3)
- CMYK
- cmyk(4% 0% 16% 16%)
Teintes · Ombres · Tons
Teintes
- D4DBBC
- D8DFC4
- DDE3CB
- E2E7D2
- E7EBDA
- ECEFE1
- F0F3E9
- F5F7F0
- FAFBF8
Ombres
- B4BB9D
- 999F86
- 7F856F
- 676B59
- 4F5244
- 383B30
- 23251D
- 10110C
- 020202
Tons
- C7CEB0
- BFC5AA
- B7BCA5
- AFB3A0
- A7AB9A
- 9FA295
- 979990
- 8F918B
- 888885
Harmonies de couleurs
Complémentaire +180°
- CFD7B5
Zen Garden
- D6CCEE
≈ Plum’s the Word
Analogue -30° +30°
- CFD7B5
Zen Garden
- DFD1B0
≈ Corinthian Pillar
- BFDBC2
≈ Green Grapes
Triadique +120° +240°
- CFD7B5
Zen Garden
- B7D7EE
≈ Light Template
- EDC6D2
≈ Desire Pink
Complémentaire divisée +150° +210°
- CFD7B5
Zen Garden
- C5D2F2
≈ Frozen Periwinkle
- E4C8E2
≈ Syrian Violet
Tétradique +90° +180° +270°
- CFD7B5
Zen Garden
- B0DBE2
≈ Blue Shimmer
- D6CCEE
≈ Plum’s the Word
- EFC8C1
≈ Altered Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.49:1 · APCA Lc 23
Ag
AAASur noir
WCAG 14.04:1 · APCA Lc 80
Meilleure couleur de texte: #000000
WCAG 14.04:1 (AAA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--zen-garden: #cfd7b5;
--zen-garden-rgb: 207 215 181;
--zen-garden-oklch: oklch(0.864 0.046 118.1);
}
.element {
color: var(--zen-garden);
background-color: hsl(74 30% 78%);
border-color: oklch(0.864 0.046 118.1);
}Tailwind CSS v4
@theme {
--color-zen-garden: #cfd7b5;
--color-zen-garden-50: #f3f7e9;
--color-zen-garden-100: #e5ead9;
--color-zen-garden-200: #d1d8c2;
--color-zen-garden-300: #b4bba1;
--color-zen-garden-400: #9ba384;
--color-zen-garden-500: #838b68;
--color-zen-garden-600: #6f7558;
--color-zen-garden-700: #595e46;
--color-zen-garden-800: #414532;
--color-zen-garden-900: #2d2f22;
--color-zen-garden-950: #1a1c11;
}SCSS
$zen-garden: #cfd7b5;
$zen-garden-rgb: 207, 215, 181;
$zen-garden-light: mix(#fff, $zen-garden, 20%);
$zen-garden-dark: mix(#000, $zen-garden, 20%);
.element {
color: $zen-garden;
box-shadow: 0 0 0 2px rgba($zen-garden, 0.35);
}