Benannte Farbe · #F2B717
Dent Corn
Dent Corn ist #F2B717: rgb(242 183 23), hsl(44 89% 52%), oklch(0.812 0.163 84.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Dent Corn color name →
#F2B717
oklch(0.812 0.163 84.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- F4BF45
- F5C661
- F7CE78
- F8D58E
- F9DCA2
- FBE3B5
- FCEAC8
- FDF1DA
- FEF8ED
Shades
- D29F12
- B4870E
- 96700A
- 795A06
- 5E4504
- 433102
- 2B1E01
- 140C00
- 030200
Tones
- E6B234
- DBAD45
- CFA752
- C3A25C
- B89C64
- AD976B
- A19171
- 968C77
- 8B867C
Farbharmonien
Komplementär +180°
- F2B717
Dent Corn
- A3C1FF
≈ Pastel Blue
Analog -30° +30°
- F2B717
Dent Corn
- FFAB72
≈ Larch Bolete
- C0CD3C
≈ Grunervetliner
Triadisch +120° +240°
- F2B717
Dent Corn
- 00DBEB
≈ Tamarama
- F59BFC
≈ Party Pig
Geteilt komplementär +150° +210°
- F2B717
Dent Corn
- 73CDFF
≈ Bubbly Barracuda
- C5B4FF
≈ Violet Heaven
Tetradisch +90° +180° +270°
- F2B717
Dent Corn
- 00E1BB
≈ Celestial Green
- A3C1FF
≈ Pastel Blue
- FFA0C6
≈ Taffy Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.81:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.56:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.56:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
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);
}