Benannte Farbe · #FC5A1F
Carrot Lava
Carrot Lava ist #FC5A1F: rgb(252 90 31), hsl(16 97% 55%), oklch(0.678 0.208 37.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Carrot Lava color name →
#FC5A1F
oklch(0.678 0.208 37.9)
Farbumrechnungen
- HEX
- #fc5a1f
- RGB
- rgb(252 90 31)
- HSL
- hsl(16 97% 55%)
- HWB
- hwb(16 12% 1%)
- OKLCH
- oklch(0.678 0.208 37.9)
- OKLab
- oklab(0.678 0.164 0.128)
- CIE Lab
- lab(60.84 61.09 63.91)
- LCH
- lch(60.84 88.42 46.3)
- CMYK
- cmyk(0% 64% 88% 1%)
Tints · Shades · Tones
Tints
- FF6E40
- FF8159
- FF926F
- FFA384
- FFB399
- FFC2AD
- FFD2C2
- FFE1D6
- FFF0EA
Shades
- DB4D19
- BB4114
- 9C350F
- 7E290A
- 621E06
- 471303
- 2D0901
- 160300
- 030000
Tones
- F16132
- E5673F
- D96C4A
- CE7154
- C2745D
- B57865
- A97A6C
- 9C7D73
- 8E7E7A
Farbharmonien
Komplementär +180°
- FC5A1F
Carrot Lava
- 00A9C9
≈ Gummy Dolphins
Analog -30° +30°
- FC5A1F
Carrot Lava
- FA507F
≈ Macaroon Rose
- D28300
≈ Copious Caramel
Triadisch +120° +240°
- FC5A1F
Carrot Lava
- 00B470
≈ Green Teal
- 8189FF
≈ Lavender Blue Shadow
Geteilt komplementär +150° +210°
- FC5A1F
Carrot Lava
- 00AEA5
≈ Cozumel
- 0D9DFF
≈ Blue Nebula
Tetradisch +90° +180° +270°
- FC5A1F
Carrot Lava
- 77AA00
≈ Green Envy
- 00A9C9
≈ Gummy Dolphins
- BB6BF8
≈ Queer Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.17:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.62:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.62:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--carrot-lava: #fc5a1f;
--carrot-lava-rgb: 252 90 31;
--carrot-lava-oklch: oklch(0.678 0.208 37.9);
}
.element {
color: var(--carrot-lava);
background-color: hsl(16 97% 55%);
border-color: oklch(0.678 0.208 37.9);
}Tailwind CSS v4
@theme {
--color-carrot-lava: #fc5a1f;
--color-carrot-lava-50: #ffe2c9;
--color-carrot-lava-100: #ffd1b3;
--color-carrot-lava-200: #ffb58f;
--color-carrot-lava-300: #ff8e60;
--color-carrot-lava-400: #ff6734;
--color-carrot-lava-500: #ef3700;
--color-carrot-lava-600: #ca3200;
--color-carrot-lava-700: #a32800;
--color-carrot-lava-800: #7a1a00;
--color-carrot-lava-900: #561100;
--color-carrot-lava-950: #3a0200;
}SCSS
$carrot-lava: #fc5a1f;
$carrot-lava-rgb: 252, 90, 31;
$carrot-lava-light: mix(#fff, $carrot-lava, 20%);
$carrot-lava-dark: mix(#000, $carrot-lava, 20%);
.element {
color: $carrot-lava;
box-shadow: 0 0 0 2px rgba($carrot-lava, 0.35);
}