Warna bernama · #FFDF2B
Down on the Sunflower Valley
Down on the Sunflower Valley adalah #FFDF2B: rgb(255 223 43), hsl(51 100% 58%), oklch(0.904 0.178 98). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Down on the Sunflower Valley color name →
#FFDF2B
oklch(0.904 0.178 98)
Konversi warna
- HEX
- #ffdf2b
- RGB
- rgb(255 223 43)
- HSL
- hsl(51 100% 58%)
- HWB
- hwb(51 17% 0%)
- OKLCH
- oklch(0.904 0.178 98)
- OKLab
- oklab(0.904 -0.025 0.177)
- CIE Lab
- lab(89.53 -0.49 82.06)
- LCH
- lch(89.53 82.06 90.3)
- CMYK
- cmyk(0% 13% 83% 0%)
Tint · Shade · Tone
Tint
- FFE353
- FFE66D
- FFEA84
- FFED98
- FFF0AB
- FFF4BD
- FFF7CE
- FFFADF
- FFFCEF
Shade
- DEC224
- BEA51D
- 9E8A16
- 806F10
- 63560A
- 483D05
- 2E2702
- 161201
- 030200
Tone
- F2D542
- E4CC51
- D7C25C
- CAB965
- BDAF6C
- B1A672
- A49C76
- 98937A
- 8C8A7D
Harmoni warna
Komplementer +180°
- FFDF2B
Down on the Sunflower Valley
- D7DDFF
≈ Transparent Blue
Analog -30° +30°
- FFDF2B
Down on the Sunflower Valley
- FFD7AE
≈ Delicious Melon
- BDF56A
≈ Green Cow
Triadik +120° +240°
- FFDF2B
Down on the Sunflower Valley
- A9EBFF
≈ Beyond the Clouds
- FFCEEF
≈ Shampoo
Split-komplementer +150° +210°
- FFDF2B
Down on the Sunflower Valley
- C6E3FF
≈ Fresh Water
- EAD5FF
≈ Rose Dragée
Tetradik +90° +180° +270°
- FFDF2B
Down on the Sunflower Valley
- 2AFFF2
≈ Turquoise Blue
- D7DDFF
≈ Transparent Blue
- FFD2D9
≈ Pink Fluorite
Kontras & aksesibilitas
Di atas putih
WCAG 1.32:1 · APCA Lc 16
Di atas hitam
WCAG 15.84:1 · APCA Lc 88
Warna teks terbaik: #000000
WCAG 15.84:1 (AAA) · APCA Lc 88
Contrast pairs
Cuplikan kode
CSS
:root {
--down-on-the-sunflower-valley: #ffdf2b;
--down-on-the-sunflower-valley-rgb: 255 223 43;
--down-on-the-sunflower-valley-oklch: oklch(0.904 0.178 98);
}
.element {
color: var(--down-on-the-sunflower-valley);
background-color: hsl(51 100% 58%);
border-color: oklch(0.904 0.178 98);
}Tailwind CSS v4
@theme {
--color-down-on-the-sunflower-valley: #ffdf2b;
--color-down-on-the-sunflower-valley-50: #fff7bc;
--color-down-on-the-sunflower-valley-100: #f5eaa4;
--color-down-on-the-sunflower-valley-200: #e6d679;
--color-down-on-the-sunflower-valley-300: #cdb93a;
--color-down-on-the-sunflower-valley-400: #bb9d00;
--color-down-on-the-sunflower-valley-500: #a78300;
--color-down-on-the-sunflower-valley-600: #8d6f00;
--color-down-on-the-sunflower-valley-700: #715900;
--color-down-on-the-sunflower-valley-800: #554000;
--color-down-on-the-sunflower-valley-900: #3b2c00;
--color-down-on-the-sunflower-valley-950: #251900;
}SCSS
$down-on-the-sunflower-valley: #ffdf2b;
$down-on-the-sunflower-valley-rgb: 255, 223, 43;
$down-on-the-sunflower-valley-light: mix(#fff, $down-on-the-sunflower-valley, 20%);
$down-on-the-sunflower-valley-dark: mix(#000, $down-on-the-sunflower-valley, 20%);
.element {
color: $down-on-the-sunflower-valley;
box-shadow: 0 0 0 2px rgba($down-on-the-sunflower-valley, 0.35);
}