Nazwany kolor · #890A01
Roasted Pepper
Roasted Pepper to #890A01: rgb(137 10 1), hsl(4 99% 27%), oklch(0.4 0.158 30.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Roasted Pepper color name →
#890A01
oklch(0.4 0.158 30.2)
Konwersje koloru
- HEX
- #890a01
- RGB
- rgb(137 10 1)
- HSL
- hsl(4 99% 27%)
- HWB
- hwb(4 0% 46%)
- OKLCH
- oklch(0.4 0.158 30.2)
- OKLab
- oklab(0.4 0.137 0.08)
- CIE Lab
- lab(28.86 49.33 42.23)
- LCH
- lch(28.86 64.93 40.6)
- CMYK
- cmyk(0% 93% 99% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 972E22
- A5483A
- B25F52
- BF7669
- CB8C81
- D6A399
- E1B9B2
- ECD0CB
- F6E8E5
Odcienie ciemniejsze
- 760701
- 640501
- 530300
- 420200
- 310100
- 220100
- 140000
- 070000
- 010000
Tony
- 8A2116
- 8B3024
- 8B3C31
- 8B473C
- 8B5148
- 8A5B53
- 88655E
- 866E69
- 837775
Harmonie kolorów
Komplementarna +180°
- 890A01
Roasted Pepper
- 00515C
≈ Kali Blue
Analogowa -30° +30°
- 890A01
Roasted Pepper
- 840644
≈ Renanthera Orchid
- 6B3900
≈ Bestial Brown
Triada +120° +240°
- 890A01
Roasted Pepper
- 005725
≈ Caliban Green
- 2A3A9B
≈ Liquid Denim
Komplementarna rozszczepiona +150° +210°
- 890A01
Roasted Pepper
- 005449
≈ Breathe Deeply
- 004D74
≈ Dignity Blue
Tetrada +90° +180° +270°
- 890A01
Roasted Pepper
- 414F00
≈ No Emissions Green
- 00515C
≈ Kali Blue
- 57298E
≈ Night Fever
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.96:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.10:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.96:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--roasted-pepper: #890a01;
--roasted-pepper-rgb: 137 10 1;
--roasted-pepper-oklch: oklch(0.4 0.158 30.2);
}
.element {
color: var(--roasted-pepper);
background-color: hsl(4 99% 27%);
border-color: oklch(0.4 0.158 30.2);
}Tailwind CSS v4
@theme {
--color-roasted-pepper: #890a01;
--color-roasted-pepper-50: #ffe5d9;
--color-roasted-pepper-100: #ffd5c7;
--color-roasted-pepper-200: #ffbbaa;
--color-roasted-pepper-300: #fe9883;
--color-roasted-pepper-400: #ed7664;
--color-roasted-pepper-500: #db5341;
--color-roasted-pepper-600: #b94738;
--color-roasted-pepper-700: #95392c;
--color-roasted-pepper-800: #6f2821;
--color-roasted-pepper-900: #4e1b16;
--color-roasted-pepper-950: #340a07;
}SCSS
$roasted-pepper: #890a01;
$roasted-pepper-rgb: 137, 10, 1;
$roasted-pepper-light: mix(#fff, $roasted-pepper, 20%);
$roasted-pepper-dark: mix(#000, $roasted-pepper, 20%);
.element {
color: $roasted-pepper;
box-shadow: 0 0 0 2px rgba($roasted-pepper, 0.35);
}