Adlandırılmış renk · #C2DCB4
Wisp Green
Wisp Green, #C2DCB4: rgb(194 220 180), hsl(99 36% 78%), oklch(0.865 0.061 134.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Wisp Green color name →
#C2DCB4
oklch(0.865 0.061 134.6)
Renk dönüşümleri
- HEX
- #c2dcb4
- RGB
- rgb(194 220 180)
- HSL
- hsl(99 36% 78%)
- HWB
- hwb(99 71% 14%)
- OKLCH
- oklch(0.865 0.061 134.6)
- OKLab
- oklab(0.865 -0.043 0.043)
- CIE Lab
- lab(85.04 -14.36 16.71)
- LCH
- lch(85.04 22.03 130.7)
- CMYK
- cmyk(12% 0% 18% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C8E0BB
- CEE3C3
- D4E7CA
- DAEAD2
- E0EED9
- E6F1E1
- EDF5E8
- F3F8F0
- F9FCF7
Koyu tonlar
- A8BF9C
- 8FA385
- 77886E
- 606E58
- 495444
- 343C30
- 20261D
- 0E110C
- 020202
Gri tonlar
- BBD2AF
- B4C9AA
- AEC0A4
- A7B69F
- A1AD9A
- 9AA495
- 939B90
- 8D928A
- 868985
Renk uyumları
Tamamlayıcı +180°
- C2DCB4
Wisp Green
- E2C7EF
≈ Prom Corsage
Analog -30° +30°
- C2DCB4
Wisp Green
- D8D5A7
≈ Cream Cheese Avocado
- AEE0C8
≈ Shallow Shore
Üçlü +120° +240°
- C2DCB4
Wisp Green
- B8D5FB
≈ Ice Cold Stare
- F8C3C6
≈ Icing on the Cake
Bölünmüş tamamlayıcı +150° +210°
- C2DCB4
Wisp Green
- CDCEFA
≈ Lavender Blue
- F1C3DC
≈ Sweetheart
Dörtlü +90° +180° +270°
- C2DCB4
Wisp Green
- A8DCF1
≈ Van Gogh Blue
- E2C7EF
≈ Prom Corsage
- F6C7B2
≈ Coral Bisque
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.47:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.19:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--wisp-green: #c2dcb4;
--wisp-green-rgb: 194 220 180;
--wisp-green-oklch: oklch(0.865 0.061 134.6);
}
.element {
color: var(--wisp-green);
background-color: hsl(99 36% 78%);
border-color: oklch(0.865 0.061 134.6);
}Tailwind CSS v4
@theme {
--color-wisp-green: #c2dcb4;
--color-wisp-green-50: #edfae9;
--color-wisp-green-100: #dfedd9;
--color-wisp-green-200: #c9dbc1;
--color-wisp-green-300: #a9bfa1;
--color-wisp-green-400: #8fa783;
--color-wisp-green-500: #758f66;
--color-wisp-green-600: #637957;
--color-wisp-green-700: #4f6145;
--color-wisp-green-800: #3a4731;
--color-wisp-green-900: #283121;
--color-wisp-green-950: #161d11;
}SCSS
$wisp-green: #c2dcb4;
$wisp-green-rgb: 194, 220, 180;
$wisp-green-light: mix(#fff, $wisp-green, 20%);
$wisp-green-dark: mix(#000, $wisp-green, 20%);
.element {
color: $wisp-green;
box-shadow: 0 0 0 2px rgba($wisp-green, 0.35);
}