Adlandırılmış renk · #FFFFEF
Springtime Dew
Springtime Dew, #FFFFEF: rgb(255 255 239), hsl(60 100% 97%), oklch(0.996 0.021 106.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Springtime Dew color name →
#FFFFEF
oklch(0.996 0.021 106.8)
Renk dönüşümleri
- HEX
- #ffffef
- RGB
- rgb(255 255 239)
- HSL
- hsl(60 100% 97%)
- HWB
- hwb(60 94% 0%)
- OKLCH
- oklch(0.996 0.021 106.8)
- OKLab
- oklab(0.996 -0.006 0.02)
- CIE Lab
- lab(99.68 -2.02 7.67)
- LCH
- lch(99.68 7.94 104.8)
- CMYK
- cmyk(0% 0% 6% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFFFF1
- FFFFF2
- FFFFF4
- FFFFF5
- FFFFF7
- FFFFF9
- FFFFFA
- FFFFFC
- FFFFFD
Koyu tonlar
- DEDED0
- BEBEB1
- 9E9E94
- 808078
- 63635C
- 484842
- 2E2E2A
- 161614
- 030303
Gri tonlar
- F2F2E3
- E4E4D8
- D7D7CC
- CACAC1
- BDBEB6
- B1B1AB
- A4A4A0
- 989895
- 8C8C8B
Renk uyumları
Tamamlayıcı +180°
- FFFFEF
Springtime Dew
- FDFDFF
≈ Pale Grey
Analog -30° +30°
- FFFFEF
Springtime Dew
- FFFDFB
≈ Lotion
- FBFFFA
≈ Ceramic
Üçlü +120° +240°
- FFFFEF
Springtime Dew
- FCFEFF
≈ Polar Bear in a Blizzard
- FFFDFE
≈ Whitecap Snow
Bölünmüş tamamlayıcı +150° +210°
- FFFFEF
Springtime Dew
- FDFEFF
≈ White as Heaven
- FEFDFF
≈ Pale Grey
Dörtlü +90° +180° +270°
- FFFFEF
Springtime Dew
- F9FFFF
≈ Polar Bear in a Blizzard
- FDFDFF
≈ Pale Grey
- FFFDFD
≈ Whitecap Snow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.00:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 20.80:1 · APCA Lc 107
En iyi metin rengi: #000000
WCAG 20.80:1 (AAA) · APCA Lc 107
Contrast pairs
Kod parçacıkları
CSS
:root {
--springtime-dew: #ffffef;
--springtime-dew-rgb: 255 255 239;
--springtime-dew-oklch: oklch(0.996 0.021 106.8);
}
.element {
color: var(--springtime-dew);
background-color: hsl(60 100% 97%);
border-color: oklch(0.996 0.021 106.8);
}Tailwind CSS v4
@theme {
--color-springtime-dew: #ffffef;
--color-springtime-dew-50: #f5f6ef;
--color-springtime-dew-100: #e8e8e1;
--color-springtime-dew-200: #d5d5cb;
--color-springtime-dew-300: #b8b8ac;
--color-springtime-dew-400: #9f9f91;
--color-springtime-dew-500: #878778;
--color-springtime-dew-600: #737365;
--color-springtime-dew-700: #5c5c51;
--color-springtime-dew-800: #43433b;
--color-springtime-dew-900: #2e2e28;
--color-springtime-dew-950: #1b1b16;
}SCSS
$springtime-dew: #ffffef;
$springtime-dew-rgb: 255, 255, 239;
$springtime-dew-light: mix(#fff, $springtime-dew, 20%);
$springtime-dew-dark: mix(#000, $springtime-dew, 20%);
.element {
color: $springtime-dew;
box-shadow: 0 0 0 2px rgba($springtime-dew, 0.35);
}