Adlandırılmış renk · #E0FFDF
Frosted Plains
Frosted Plains, #E0FFDF: rgb(224 255 223), hsl(118 100% 94%), oklch(0.969 0.053 144.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Frosted Plains color name →
#E0FFDF
oklch(0.969 0.053 144.3)
Renk dönüşümleri
- HEX
- #e0ffdf
- RGB
- rgb(224 255 223)
- HSL
- hsl(118 100% 94%)
- HWB
- hwb(118 87% 0%)
- OKLCH
- oklch(0.969 0.053 144.3)
- OKLab
- oklab(0.969 -0.043 0.031)
- CIE Lab
- lab(97.12 -14.72 11.82)
- LCH
- lch(97.12 18.88 141.2)
- CMYK
- cmyk(12% 0% 13% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3FFE2
- E6FFE5
- E9FFE9
- EDFFEC
- F0FFEF
- F3FFF2
- F6FFF5
- F9FFF9
- FCFFFC
Koyu tonlar
- C3DEC2
- A6BEA5
- 8A9E8A
- 70806F
- 566356
- 3E483D
- 272E27
- 121612
- 020302
Gri tonlar
- D6F2D5
- CCE4CB
- C2D7C2
- B9CAB8
- AFBEAE
- A5B1A5
- 9CA49C
- 939892
- 898C89
Renk uyumları
Tamamlayıcı +180°
- E0FFDF
Frosted Plains
- FEEFFF
≈ Lovely Euphoric Delight
Analog -30° +30°
- E0FFDF
Frosted Plains
- F4FAD1
≈ Carla
- D8FFF3
≈ Candied Snow
Üçlü +120° +240°
- E0FFDF
Frosted Plains
- F0F5FF
≈ Cotton Ball
- FFF1F0
≈ Sefid White
Bölünmüş tamamlayıcı +150° +210°
- E0FFDF
Frosted Plains
- F5F3FF
≈ Cloud Break
- FFF0F5
≈ Lavender Blush
Dörtlü +90° +180° +270°
- E0FFDF
Frosted Plains
- EAF7FF
≈ Clear Skies
- FEEFFF
≈ Lovely Euphoric Delight
- FFF2EA
≈ Pico Ivory
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.07:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.53:1 · APCA Lc 102
En iyi metin rengi: #000000
WCAG 19.53:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--frosted-plains: #e0ffdf;
--frosted-plains-rgb: 224 255 223;
--frosted-plains-oklch: oklch(0.969 0.053 144.3);
}
.element {
color: var(--frosted-plains);
background-color: hsl(118 100% 94%);
border-color: oklch(0.969 0.053 144.3);
}Tailwind CSS v4
@theme {
--color-frosted-plains: #e0ffdf;
--color-frosted-plains-50: #ecfaec;
--color-frosted-plains-100: #ddedde;
--color-frosted-plains-200: #c6dbc7;
--color-frosted-plains-300: #a7bfa8;
--color-frosted-plains-400: #8ca78b;
--color-frosted-plains-500: #719070;
--color-frosted-plains-600: #607a5f;
--color-frosted-plains-700: #4c614c;
--color-frosted-plains-800: #384736;
--color-frosted-plains-900: #263125;
--color-frosted-plains-950: #151d14;
}SCSS
$frosted-plains: #e0ffdf;
$frosted-plains-rgb: 224, 255, 223;
$frosted-plains-light: mix(#fff, $frosted-plains, 20%);
$frosted-plains-dark: mix(#000, $frosted-plains, 20%);
.element {
color: $frosted-plains;
box-shadow: 0 0 0 2px rgba($frosted-plains, 0.35);
}