Adlandırılmış renk · #D6E8D5
Light Spring Burst
Light Spring Burst, #D6E8D5: rgb(214 232 213), hsl(117 29% 87%), oklch(0.912 0.032 143.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? → · Light Spring Burst color name →
#D6E8D5
oklch(0.912 0.032 143.8)
Renk dönüşümleri
- HEX
- #d6e8d5
- RGB
- rgb(214 232 213)
- HSL
- hsl(117 29% 87%)
- HWB
- hwb(117 84% 9%)
- OKLCH
- oklch(0.912 0.032 143.8)
- OKLab
- oklab(0.912 -0.026 0.019)
- CIE Lab
- lab(90.25 -8.77 7.13)
- LCH
- lch(90.25 11.31 140.9)
- CMYK
- cmyk(8% 0% 8% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DAEAD9
- DEEDDD
- E2EFE2
- E6F1E6
- EAF4EA
- EFF6EE
- F3F8F2
- F7FAF7
- FBFDFB
Koyu tonlar
- BACAB9
- 9EAC9E
- 849083
- 6A746A
- 525951
- 3B403A
- 252924
- 101310
- 020302
Gri tonlar
- CDDDCC
- C4D2C3
- BBC8BB
- B3BDB2
- AAB3AA
- A1A8A1
- 999E99
- 919490
- 888A88
Renk uyumları
Tamamlayıcı +180°
- D6E8D5
Light Spring Burst
- EDDBEE
≈ Divine Dove
Analog -30° +30°
- D6E8D5
Light Spring Burst
- E1E5CD
≈ Willow Brook
- CEE9E0
≈ Light Short Phase
Üçlü +120° +240°
- D6E8D5
Light Spring Burst
- D7E2F8
≈ Aquarelle Purple
- F7DAD8
≈ Rosewater
Bölünmüş tamamlayıcı +150° +210°
- D6E8D5
Light Spring Burst
- E3DEF6
≈ Lingering Lilac
- F4DAE3
≈ Columbine
Dörtlü +90° +180° +270°
- D6E8D5
Light Spring Burst
- CEE6F4
≈ New Heights
- EDDBEE
≈ Divine Dove
- F4DDCF
≈ Light Maiden’s Blush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.36:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-spring-burst: #d6e8d5;
--light-spring-burst-rgb: 214 232 213;
--light-spring-burst-oklch: oklch(0.912 0.032 143.8);
}
.element {
color: var(--light-spring-burst);
background-color: hsl(117 29% 87%);
border-color: oklch(0.912 0.032 143.8);
}Tailwind CSS v4
@theme {
--color-light-spring-burst: #d6e8d5;
--color-light-spring-burst-50: #f0f8f0;
--color-light-spring-burst-100: #e1ebe2;
--color-light-spring-burst-200: #ccd8cc;
--color-light-spring-burst-300: #aebcae;
--color-light-spring-burst-400: #94a493;
--color-light-spring-burst-500: #7a8c79;
--color-light-spring-burst-600: #677667;
--color-light-spring-burst-700: #525f52;
--color-light-spring-burst-800: #3c453b;
--color-light-spring-burst-900: #293029;
--color-light-spring-burst-950: #171c16;
}SCSS
$light-spring-burst: #d6e8d5;
$light-spring-burst-rgb: 214, 232, 213;
$light-spring-burst-light: mix(#fff, $light-spring-burst, 20%);
$light-spring-burst-dark: mix(#000, $light-spring-burst, 20%);
.element {
color: $light-spring-burst;
box-shadow: 0 0 0 2px rgba($light-spring-burst, 0.35);
}