色名 · #D6E8D5
Light Spring Burst
Light Spring Burstは#D6E8D5：rgb(214 232 213)、hsl(117 29% 87%)、oklch(0.912 0.032 143.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Light Spring Burst color name →
#D6E8D5
oklch(0.912 0.032 143.8)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- DAEAD9
- DEEDDD
- E2EFE2
- E6F1E6
- EAF4EA
- EFF6EE
- F3F8F2
- F7FAF7
- FBFDFB
シェード
- BACAB9
- 9EAC9E
- 849083
- 6A746A
- 525951
- 3B403A
- 252924
- 101310
- 020302
トーン
- CDDDCC
- C4D2C3
- BBC8BB
- B3BDB2
- AAB3AA
- A1A8A1
- 999E99
- 919490
- 888A88
カラーハーモニー
補色 +180°
- D6E8D5
Light Spring Burst
- EDDBEE
≈ Divine Dove
類似色 -30° +30°
- D6E8D5
Light Spring Burst
- E1E5CD
≈ Willow Brook
- CEE9E0
≈ Light Short Phase
トライアド +120° +240°
- D6E8D5
Light Spring Burst
- D7E2F8
≈ Aquarelle Purple
- F7DAD8
≈ Rosewater
スプリットコンプリメンタリー +150° +210°
- D6E8D5
Light Spring Burst
- E3DEF6
≈ Lingering Lilac
- F4DAE3
≈ Columbine
テトラード +90° +180° +270°
- D6E8D5
Light Spring Burst
- CEE6F4
≈ New Heights
- EDDBEE
≈ Divine Dove
- F4DDCF
≈ Light Maiden’s Blush
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.36:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
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);
}