Nazwany kolor · #FF2211
Janemba Red
Janemba Red to #FF2211: rgb(255 34 17), hsl(4 100% 53%), oklch(0.637 0.248 29.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Janemba Red color name →
#FF2211
oklch(0.637 0.248 29.8)
Konwersje koloru
- HEX
- #ff2211
- RGB
- rgb(255 34 17)
- HSL
- hsl(4 100% 53%)
- HWB
- hwb(4 7% 0%)
- OKLCH
- oklch(0.637 0.248 29.8)
- OKLab
- oklab(0.637 0.216 0.124)
- CIE Lab
- lab(55.51 77.57 65.92)
- LCH
- lch(55.51 101.8 40.4)
- CMYK
- cmyk(0% 87% 93% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF4A37
- FF6551
- FF7C68
- FF907E
- FFA494
- FFB7A9
- FFC9BE
- FFDBD4
- FFEDE9
Odcienie ciemniejsze
- DE1C0D
- BE1609
- 9E1106
- 800B04
- 630702
- 480301
- 2E0100
- 160000
- 030000
Tony
- F43A29
- E94938
- DD5544
- D15E4E
- C56658
- B96D61
- AC7369
- 9E7871
- 907C79
Harmonie kolorów
Komplementarna +180°
- FF2211
Janemba Red
- 009DB0
≈ Lake Blue
Analogowa -30° +30°
- FF2211
Janemba Red
- F61B86
≈ Flickr Pink
- CB7100
≈ Dirty Orange
Triada +120° +240°
- FF2211
Janemba Red
- 00A74C
≈ Liberty Green
- 5F7EFF
≈ Flickery C64
Komplementarna rozszczepiona +150° +210°
- FF2211
Janemba Red
- 00A28E
≈ Turquish
- 0095DA
≈ Kahu Blue
Tetrada +90° +180° +270°
- FF2211
Janemba Red
- 819800
≈ Mossy Woods
- 009DB0
≈ Lake Blue
- A35DFF
≈ Orion Nebula
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.82:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.48:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.48:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--janemba-red: #ff2211;
--janemba-red-rgb: 255 34 17;
--janemba-red-oklch: oklch(0.637 0.248 29.8);
}
.element {
color: var(--janemba-red);
background-color: hsl(4 100% 53%);
border-color: oklch(0.637 0.248 29.8);
}Tailwind CSS v4
@theme {
--color-janemba-red: #ff2211;
--color-janemba-red-50: #ffdbc9;
--color-janemba-red-100: #ffc9b4;
--color-janemba-red-200: #ffa990;
--color-janemba-red-300: #ff7d61;
--color-janemba-red-400: #ff4c38;
--color-janemba-red-500: #ff0000;
--color-janemba-red-600: #da0000;
--color-janemba-red-700: #af0000;
--color-janemba-red-800: #830001;
--color-janemba-red-900: #5d0002;
--color-janemba-red-950: #3f0000;
}SCSS
$janemba-red: #ff2211;
$janemba-red-rgb: 255, 34, 17;
$janemba-red-light: mix(#fff, $janemba-red, 20%);
$janemba-red-dark: mix(#000, $janemba-red, 20%);
.element {
color: $janemba-red;
box-shadow: 0 0 0 2px rgba($janemba-red, 0.35);
}