Benannte Farbe · #F37E27
Iceland Poppy
Iceland Poppy ist #F37E27: rgb(243 126 39), hsl(26 89% 55%), oklch(0.714 0.17 51.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Iceland Poppy color name →
#F37E27
oklch(0.714 0.17 51.5)
Farbumrechnungen
- HEX
- #f37e27
- RGB
- rgb(243 126 39)
- HSL
- hsl(26 89% 55%)
- HWB
- hwb(26 15% 5%)
- OKLCH
- oklch(0.714 0.17 51.5)
- OKLab
- oklab(0.714 0.106 0.133)
- CIE Lab
- lab(65.77 42.19 63.9)
- LCH
- lch(65.77 76.57 56.6)
- CMYK
- cmyk(0% 48% 84% 5%)
Tints · Shades · Tones
Tints
- F68C46
- F89A5E
- FBA774
- FCB489
- FEC19D
- FFCDB1
- FFDAC4
- FFE6D8
- FFF3EB
Shades
- D36D20
- B45C1A
- 974C14
- 7A3C0E
- 5E2D08
- 441F04
- 2B1102
- 140501
- 030100
Tones
- E87F38
- DD8145
- D2814F
- C68258
- BB8260
- B08268
- A4826E
- 988275
- 8C817A
Farbharmonien
Komplementär +180°
- F37E27
Iceland Poppy
- 00B1EC
≈ Lynx Screen Blue
Analog -30° +30°
- F37E27
Iceland Poppy
- FB7072
≈ Georgia Peach
- D09700
≈ Leopard
Triadisch +120° +240°
- F37E27
Iceland Poppy
- 00BE98
≈ Mountain Meadow
- A58DFF
≈ Cobalite
Geteilt komplementär +150° +210°
- F37E27
Iceland Poppy
- 00B9C2
≈ Lago Blue
- 6DA1FF
≈ Âbi Blue
Tetradisch +90° +180° +270°
- F37E27
Iceland Poppy
- 5DBC52
≈ Range Land
- 00B1EC
≈ Lynx Screen Blue
- D27BE2
≈ Lavender Perceptions
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.68:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.82:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.82:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--iceland-poppy: #f37e27;
--iceland-poppy-rgb: 243 126 39;
--iceland-poppy-oklch: oklch(0.714 0.17 51.5);
}
.element {
color: var(--iceland-poppy);
background-color: hsl(26 89% 55%);
border-color: oklch(0.714 0.17 51.5);
}Tailwind CSS v4
@theme {
--color-iceland-poppy: #f37e27;
--color-iceland-poppy-50: #ffe9c8;
--color-iceland-poppy-100: #ffd9b3;
--color-iceland-poppy-200: #ffc08e;
--color-iceland-poppy-300: #fa9e5f;
--color-iceland-poppy-400: #eb7c2d;
--color-iceland-poppy-500: #d95a00;
--color-iceland-poppy-600: #b74d00;
--color-iceland-poppy-700: #933e00;
--color-iceland-poppy-800: #6e2b00;
--color-iceland-poppy-900: #4e1d00;
--color-iceland-poppy-950: #330c00;
}SCSS
$iceland-poppy: #f37e27;
$iceland-poppy-rgb: 243, 126, 39;
$iceland-poppy-light: mix(#fff, $iceland-poppy, 20%);
$iceland-poppy-dark: mix(#000, $iceland-poppy, 20%);
.element {
color: $iceland-poppy;
box-shadow: 0 0 0 2px rgba($iceland-poppy, 0.35);
}