Nazwany kolor · #F04925
Karaka Orange
Karaka Orange to #F04925: rgb(240 73 37), hsl(11 87% 54%), oklch(0.64 0.209 33.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Karaka Orange color name →
#F04925
oklch(0.64 0.209 33.6)
Konwersje koloru
- HEX
- #f04925
- RGB
- rgb(240 73 37)
- HSL
- hsl(11 87% 54%)
- HWB
- hwb(11 15% 6%)
- OKLCH
- oklch(0.64 0.209 33.6)
- OKLab
- oklab(0.64 0.174 0.116)
- CIE Lab
- lab(56.36 63.54 57.2)
- LCH
- lch(56.36 85.49 42)
- CMYK
- cmyk(0% 70% 85% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F46041
- F87559
- FC886E
- FE9A83
- FFAB98
- FFBCAC
- FFCDC1
- FFDED5
- FFEEEA
Odcienie ciemniejsze
- D13E1F
- B23419
- 952A13
- 78200D
- 5D1708
- 430E04
- 2A0602
- 140200
- 030000
Tony
- E65334
- DC5B40
- D2624A
- C76853
- BC6E5C
- B17264
- A6766B
- 9A7A72
- 8D7D79
Harmonie kolorów
Komplementarna +180°
- F04925
Karaka Orange
- 009DB5
≈ Brilliant Sea
Analogowa -30° +30°
- F04925
Karaka Orange
- EB417F
≈ Cerise Pink
- C87500
≈ Dirty Orange
Triada +120° +240°
- F04925
Karaka Orange
- 00A75B
≈ Green Pigment
- 6A7CFF
≈ Byzantine Night Blue
Komplementarna rozszczepiona +150° +210°
- F04925
Karaka Orange
- 00A293
≈ Turquish
- 0094E3
≈ Atmosphere
Tetrada +90° +180° +270°
- F04925
Karaka Orange
- 799B00
≈ Luminescent Green
- 009DB5
≈ Brilliant Sea
- A862F1
≈ Orion Nebula
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.69:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.68:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.68:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--karaka-orange: #f04925;
--karaka-orange-rgb: 240 73 37;
--karaka-orange-oklch: oklch(0.64 0.209 33.6);
}
.element {
color: var(--karaka-orange);
background-color: hsl(11 87% 54%);
border-color: oklch(0.64 0.209 33.6);
}Tailwind CSS v4
@theme {
--color-karaka-orange: #f04925;
--color-karaka-orange-50: #ffe1cc;
--color-karaka-orange-100: #ffcfb8;
--color-karaka-orange-200: #ffb396;
--color-karaka-orange-300: #ff8b69;
--color-karaka-orange-400: #ff6342;
--color-karaka-orange-500: #f13200;
--color-karaka-orange-600: #cb2d02;
--color-karaka-orange-700: #a42405;
--color-karaka-orange-800: #7b1708;
--color-karaka-orange-900: #571006;
--color-karaka-orange-950: #3a0100;
}SCSS
$karaka-orange: #f04925;
$karaka-orange-rgb: 240, 73, 37;
$karaka-orange-light: mix(#fff, $karaka-orange, 20%);
$karaka-orange-dark: mix(#000, $karaka-orange, 20%);
.element {
color: $karaka-orange;
box-shadow: 0 0 0 2px rgba($karaka-orange, 0.35);
}