Nazwany kolor · #E3EFB2
Spring Kiss
Spring Kiss to #E3EFB2: rgb(227 239 178), hsl(72 66% 82%), oklch(0.928 0.08 117). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Spring Kiss color name →
#E3EFB2
oklch(0.928 0.08 117)
Konwersje koloru
- HEX
- #e3efb2
- RGB
- rgb(227 239 178)
- HSL
- hsl(72 66% 82%)
- HWB
- hwb(72 70% 6%)
- OKLCH
- oklch(0.928 0.08 117)
- OKLab
- oklab(0.928 -0.036 0.071)
- CIE Lab
- lab(92.43 -11.44 28.22)
- LCH
- lch(92.43 30.45 112.1)
- CMYK
- cmyk(5% 0% 26% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6F1BA
- E8F2C2
- EBF4CA
- EEF6D1
- F1F7D9
- F4F9E1
- F6FAE8
- F9FCF0
- FCFDF7
Odcienie ciemniejsze
- C5D09A
- A8B183
- 8C946D
- 717857
- 575C43
- 3F422F
- 272A1D
- 12140C
- 030301
Tony
- D9E3AD
- CED8A8
- C4CDA3
- BAC19F
- B0B69A
- A6AB95
- 9CA08F
- 93958A
- 898B85
Harmonie kolorów
Komplementarna +180°
- E3EFB2
Spring Kiss
- EAE2FF
≈ Lavender Savour
Analogowa -30° +30°
- E3EFB2
Spring Kiss
- FEE5AA
≈ Lady Banksia
- C5F7C9
≈ Smell the Mint
Triada +120° +240°
- E3EFB2
Spring Kiss
- D0ECFF
≈ Veiling Waterfalls
- FFDDE8
≈ Fresh Piglet
Komplementarna rozszczepiona +150° +210°
- E3EFB2
Spring Kiss
- DDE7FF
≈ Lavender Mist
- FFD9FE
≈ Sugarpills
Tetrada +90° +180° +270°
- E3EFB2
Spring Kiss
- B0F5FF
≈ Northrend
- EAE2FF
≈ Lavender Savour
- FFDFDA
≈ Peachy Keen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.25:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.25:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--spring-kiss: #e3efb2;
--spring-kiss-rgb: 227 239 178;
--spring-kiss-oklch: oklch(0.928 0.08 117);
}
.element {
color: var(--spring-kiss);
background-color: hsl(72 66% 82%);
border-color: oklch(0.928 0.08 117);
}Tailwind CSS v4
@theme {
--color-spring-kiss: #e3efb2;
--color-spring-kiss-50: #f2f9df;
--color-spring-kiss-100: #e4eccf;
--color-spring-kiss-200: #d0dab4;
--color-spring-kiss-300: #b2be90;
--color-spring-kiss-400: #9ba56e;
--color-spring-kiss-500: #828d4d;
--color-spring-kiss-600: #6e7742;
--color-spring-kiss-700: #586035;
--color-spring-kiss-800: #414624;
--color-spring-kiss-900: #2d3018;
--color-spring-kiss-950: #1a1c09;
}SCSS
$spring-kiss: #e3efb2;
$spring-kiss-rgb: 227, 239, 178;
$spring-kiss-light: mix(#fff, $spring-kiss, 20%);
$spring-kiss-dark: mix(#000, $spring-kiss, 20%);
.element {
color: $spring-kiss;
box-shadow: 0 0 0 2px rgba($spring-kiss, 0.35);
}