Adlandırılmış renk · #E9E5B3
Springtime
Springtime, #E9E5B3: rgb(233 229 179), hsl(56 55% 81%), oklch(0.913 0.065 103.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Springtime color name →
#E9E5B3
oklch(0.913 0.065 103.8)
Renk dönüşümleri
- HEX
- #e9e5b3
- RGB
- rgb(233 229 179)
- HSL
- hsl(56 55% 81%)
- HWB
- hwb(56 70% 9%)
- OKLCH
- oklch(0.913 0.065 103.8)
- OKLab
- oklab(0.913 -0.016 0.063)
- CIE Lab
- lab(90.34 -4.41 25.02)
- LCH
- lch(90.34 25.4 100)
- CMYK
- cmyk(0% 2% 23% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBE8BB
- EDEAC2
- EFEDCA
- F2F0D2
- F4F2D9
- F6F5E1
- F8F7E8
- FAFAF0
- FDFCF8
Koyu tonlar
- CBC79B
- ADAA84
- 908E6E
- 747258
- 5A5843
- 413F2F
- 29281D
- 13120C
- 030301
Gri tonlar
- DEDAAE
- D3D0A9
- C8C6A4
- BEBB9F
- B3B19A
- A9A795
- 9E9D90
- 94938A
- 8A8A85
Renk uyumları
Tamamlayıcı +180°
- E9E5B3
Springtime
- DEDFFF
≈ Contrail
Analog -30° +30°
- E9E5B3
Springtime
- FDDCB3
≈ Feather Plume
- D1ECC0
≈ Celery Victor
Üçlü +120° +240°
- E9E5B3
Springtime
- B9EBFF
≈ Ice Effect
- FFD4EC
≈ Pink Currant
Bölünmüş tamamlayıcı +150° +210°
- E9E5B3
Springtime
- CFE4FF
≈ Fresh Water
- F1D7FF
≈ Lavender Savour
Dörtlü +90° +180° +270°
- E9E5B3
Springtime
- AFF1EF
≈ Mint Macaron
- DEDFFF
≈ Contrail
- FFD7D9
≈ We Peep
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.32:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.32:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--springtime: #e9e5b3;
--springtime-rgb: 233 229 179;
--springtime-oklch: oklch(0.913 0.065 103.8);
}
.element {
color: var(--springtime);
background-color: hsl(56 55% 81%);
border-color: oklch(0.913 0.065 103.8);
}Tailwind CSS v4
@theme {
--color-springtime: #e9e5b3;
--color-springtime-50: #f7f7e2;
--color-springtime-100: #eaead1;
--color-springtime-200: #d7d6b7;
--color-springtime-300: #bbba94;
--color-springtime-400: #a5a174;
--color-springtime-500: #8d8955;
--color-springtime-600: #777448;
--color-springtime-700: #605c39;
--color-springtime-800: #474328;
--color-springtime-900: #312e1b;
--color-springtime-950: #1d1b0b;
}SCSS
$springtime: #e9e5b3;
$springtime-rgb: 233, 229, 179;
$springtime-light: mix(#fff, $springtime, 20%);
$springtime-dark: mix(#000, $springtime, 20%);
.element {
color: $springtime;
box-shadow: 0 0 0 2px rgba($springtime, 0.35);
}