Warna bernama · #F2B717
Dent Corn
Dent Corn adalah #F2B717: rgb(242 183 23), hsl(44 89% 52%), oklch(0.812 0.163 84.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Dent Corn color name →
#F2B717
oklch(0.812 0.163 84.4)
Konversi warna
- HEX
- #f2b717
- RGB
- rgb(242 183 23)
- HSL
- hsl(44 89% 52%)
- HWB
- hwb(44 9% 5%)
- OKLCH
- oklch(0.812 0.163 84.4)
- OKLab
- oklab(0.812 0.016 0.162)
- CIE Lab
- lab(78.32 13.27 77.12)
- LCH
- lch(78.32 78.26 80.2)
- CMYK
- cmyk(0% 24% 90% 5%)
Tint · Shade · Tone
Tint
- F4BF45
- F5C661
- F7CE78
- F8D58E
- F9DCA2
- FBE3B5
- FCEAC8
- FDF1DA
- FEF8ED
Shade
- D29F12
- B4870E
- 96700A
- 795A06
- 5E4504
- 433102
- 2B1E01
- 140C00
- 030200
Tone
- E6B234
- DBAD45
- CFA752
- C3A25C
- B89C64
- AD976B
- A19171
- 968C77
- 8B867C
Harmoni warna
Komplementer +180°
- F2B717
Dent Corn
- A3C1FF
≈ Pastel Blue
Analog -30° +30°
- F2B717
Dent Corn
- FFAB72
≈ Larch Bolete
- C0CD3C
≈ Grunervetliner
Triadik +120° +240°
- F2B717
Dent Corn
- 00DBEB
≈ Tamarama
- F59BFC
≈ Party Pig
Split-komplementer +150° +210°
- F2B717
Dent Corn
- 73CDFF
≈ Bubbly Barracuda
- C5B4FF
≈ Violet Heaven
Tetradik +90° +180° +270°
- F2B717
Dent Corn
- 00E1BB
≈ Celestial Green
- A3C1FF
≈ Pastel Blue
- FFA0C6
≈ Taffy Pink
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.81:1 · APCA Lc 34
Ag
AAADi atas hitam
WCAG 11.56:1 · APCA Lc 69
Warna teks terbaik: #000000
WCAG 11.56:1 (AAA) · APCA Lc 69
Contrast pairs
Cuplikan kode
CSS
:root {
--dent-corn: #f2b717;
--dent-corn-rgb: 242 183 23;
--dent-corn-oklch: oklch(0.812 0.163 84.4);
}
.element {
color: var(--dent-corn);
background-color: hsl(44 89% 52%);
border-color: oklch(0.812 0.163 84.4);
}Tailwind CSS v4
@theme {
--color-dent-corn: #f2b717;
--color-dent-corn-50: #fff3c0;
--color-dent-corn-100: #ffe5a9;
--color-dent-corn-200: #f3d081;
--color-dent-corn-300: #dcb149;
--color-dent-corn-400: #cb9400;
--color-dent-corn-500: #b77900;
--color-dent-corn-600: #9b6600;
--color-dent-corn-700: #7c5200;
--color-dent-corn-800: #5d3a00;
--color-dent-corn-900: #412800;
--color-dent-corn-950: #2a1600;
}SCSS
$dent-corn: #f2b717;
$dent-corn-rgb: 242, 183, 23;
$dent-corn-light: mix(#fff, $dent-corn, 20%);
$dent-corn-dark: mix(#000, $dent-corn, 20%);
.element {
color: $dent-corn;
box-shadow: 0 0 0 2px rgba($dent-corn, 0.35);
}