Warna bernama · #E8EBAF
Tender Yellow
Tender Yellow adalah #E8EBAF: rgb(232 235 175), hsl(63 60% 80%), oklch(0.923 0.078 110.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Tender Yellow color name →
#E8EBAF
oklch(0.923 0.078 110.2)
Konversi warna
- HEX
- #e8ebaf
- RGB
- rgb(232 235 175)
- HSL
- hsl(63 60% 80%)
- HWB
- hwb(63 69% 8%)
- OKLCH
- oklch(0.923 0.078 110.2)
- OKLab
- oklab(0.923 -0.027 0.073)
- CIE Lab
- lab(91.73 -8.01 28.9)
- LCH
- lch(91.73 29.99 105.5)
- CMYK
- cmyk(1% 0% 26% 8%)
Tint · Shade · Tone
Tint
- EAEDB7
- ECEFC0
- EFF1C8
- F1F3D0
- F3F5D8
- F6F7E0
- F8F9E7
- FAFBEF
- FDFDF7
Shade
- CACC98
- ACAE81
- 90916B
- 747556
- 595B41
- 40412E
- 29291C
- 13130B
- 030301
Tone
- DDE0AB
- D2D5A6
- C8CAA1
- BDBF9D
- B2B498
- A8AA93
- 9E9F8F
- 94958A
- 8A8A85
Harmoni warna
Komplementer +180°
- E8EBAF
Tender Yellow
- E5E2FF
≈ Stoic White
Analog -30° +30°
- E8EBAF
Tender Yellow
- FFE1B0
≈ Creamy Oat
- CBF3C2
≈ Maroccan Tea
Triadik +120° +240°
- E8EBAF
Tender Yellow
- C8ECFF
≈ Blue Java Banana
- FFDAEA
≈ Mimi Pink
Split-komplementer +150° +210°
- E8EBAF
Tender Yellow
- D8E7FF
≈ Veiling Waterfalls
- F8D9FF
≈ Sugarpills
Tetradik +90° +180° +270°
- E8EBAF
Tender Yellow
- A7F6FA
≈ Waterspout
- E5E2FF
≈ Stoic White
- FFDCDB
≈ Rose Tonic
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.24:1 · APCA Lc 12
Ag
AAADi atas hitam
WCAG 16.93:1 · APCA Lc 92
Warna teks terbaik: #000000
WCAG 16.93:1 (AAA) · APCA Lc 92
Contrast pairs
Cuplikan kode
CSS
:root {
--tender-yellow: #e8ebaf;
--tender-yellow-rgb: 232 235 175;
--tender-yellow-oklch: oklch(0.923 0.078 110.2);
}
.element {
color: var(--tender-yellow);
background-color: hsl(63 60% 80%);
border-color: oklch(0.923 0.078 110.2);
}Tailwind CSS v4
@theme {
--color-tender-yellow: #e8ebaf;
--color-tender-yellow-50: #f5f8df;
--color-tender-yellow-100: #e8ebce;
--color-tender-yellow-200: #d4d8b2;
--color-tender-yellow-300: #b8bc8e;
--color-tender-yellow-400: #a1a36d;
--color-tender-yellow-500: #898b4c;
--color-tender-yellow-600: #747641;
--color-tender-yellow-700: #5d5e34;
--color-tender-yellow-800: #454424;
--color-tender-yellow-900: #2f2f18;
--color-tender-yellow-950: #1c1c09;
}SCSS
$tender-yellow: #e8ebaf;
$tender-yellow-rgb: 232, 235, 175;
$tender-yellow-light: mix(#fff, $tender-yellow, 20%);
$tender-yellow-dark: mix(#000, $tender-yellow, 20%);
.element {
color: $tender-yellow;
box-shadow: 0 0 0 2px rgba($tender-yellow, 0.35);
}