Nazwany kolor · #D0F7E4
Cactus Water
Cactus Water to #D0F7E4: rgb(208 247 228), hsl(151 71% 89%), oklch(0.943 0.048 164.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Cactus Water color name →
#D0F7E4
oklch(0.943 0.048 164.4)
Konwersje koloru
- HEX
- #d0f7e4
- RGB
- rgb(208 247 228)
- HSL
- hsl(151 71% 89%)
- HWB
- hwb(151 82% 3%)
- OKLCH
- oklch(0.943 0.048 164.4)
- OKLab
- oklab(0.943 -0.046 0.013)
- CIE Lab
- lab(94.06 -15.76 4.76)
- LCH
- lch(94.06 16.46 163.2)
- CMYK
- cmyk(16% 0% 8% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5F8E7
- DAF9E9
- DEF9EC
- E3FAEF
- E8FBF1
- EDFCF4
- F1FDF7
- F6FDFA
- FAFEFC
Odcienie ciemniejsze
- B5D7C6
- 9AB7A9
- 80998D
- 677C72
- 4F6058
- 39453F
- 232C28
- 101512
- 020303
Tony
- C8EBDA
- C0DECF
- B8D2C5
- B0C6BB
- A8BAB1
- A0AEA7
- 98A29D
- 909793
- 888B8A
Harmonie kolorów
Komplementarna +180°
- D0F7E4
Cactus Water
- FFE3F2
≈ Bunny Tail
Analogowa -30° +30°
- D0F7E4
Cactus Water
- DFF4D4
≈ Light Fresh Lime
- C8F7F6
≈ Tinted Ice
Triada +120° +240°
- D0F7E4
Cactus Water
- EAEAFF
≈ Bright Dusk
- FFE6DC
≈ French Manicure
Komplementarna rozszczepiona +150° +210°
- D0F7E4
Cactus Water
- F6E5FF
≈ Soft Lavender
- FFE5E6
≈ Vanilla Strawberry
Tetrada +90° +180° +270°
- D0F7E4
Cactus Water
- E0EEFF
≈ Calcareous Sinter
- FFE3F2
≈ Bunny Tail
- FFE9CB
≈ Blanched Almond
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 18.10:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.10:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--cactus-water: #d0f7e4;
--cactus-water-rgb: 208 247 228;
--cactus-water-oklch: oklch(0.943 0.048 164.4);
}
.element {
color: var(--cactus-water);
background-color: hsl(151 71% 89%);
border-color: oklch(0.943 0.048 164.4);
}Tailwind CSS v4
@theme {
--color-cactus-water: #d0f7e4;
--color-cactus-water-50: #e9faf2;
--color-cactus-water-100: #daede4;
--color-cactus-water-200: #c2dbd0;
--color-cactus-water-300: #a1c0b2;
--color-cactus-water-400: #85a897;
--color-cactus-water-500: #69917e;
--color-cactus-water-600: #597a6b;
--color-cactus-water-700: #476255;
--color-cactus-water-800: #33483d;
--color-cactus-water-900: #23322a;
--color-cactus-water-950: #121e18;
}SCSS
$cactus-water: #d0f7e4;
$cactus-water-rgb: 208, 247, 228;
$cactus-water-light: mix(#fff, $cactus-water, 20%);
$cactus-water-dark: mix(#000, $cactus-water, 20%);
.element {
color: $cactus-water;
box-shadow: 0 0 0 2px rgba($cactus-water, 0.35);
}