Nazwany kolor · #D91407
Orko
Orko to #D91407: rgb(217 20 7), hsl(4 94% 44%), oklch(0.561 0.223 29.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Orko color name →
#D91407
oklch(0.561 0.223 29.7)
Konwersje koloru
- HEX
- #d91407
- RGB
- rgb(217 20 7)
- HSL
- hsl(4 94% 44%)
- HWB
- hwb(4 3% 15%)
- OKLCH
- oklch(0.561 0.223 29.7)
- OKLab
- oklab(0.561 0.194 0.11)
- CIE Lab
- lab(46.91 69.71 59.84)
- LCH
- lch(46.91 91.87 40.6)
- CMYK
- cmyk(0% 91% 97% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E03F2F
- E75A49
- ED7160
- F28777
- F79C8D
- FAB0A4
- FDC4BA
- FFD8D1
- FFEBE8
Odcienie ciemniejsze
- BC1005
- A10C04
- 860802
- 6C0502
- 530301
- 3B0100
- 250100
- 110000
- 020000
Tony
- D22F21
- CB3F31
- C34C3D
- BB5648
- B35F52
- AA675C
- A16E65
- 97746E
- 8C7A77
Harmonie kolorów
Komplementarna +180°
- D91407
Orko
- 008494
≈ Painted Sea
Analogowa -30° +30°
- D91407
Orko
- D10D70
≈ Moth Orchid
- AC5E00
≈ Raw Umber
Triada +120° +240°
- D91407
Orko
- 008D3E
≈ Cold Green
- 4560F5
≈ Secret of Mana
Komplementarna rozszczepiona +150° +210°
- D91407
Orko
- 008877
≈ Green Ink
- 007DB7
≈ Artesian Water
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.18:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.05:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.18:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--orko: #d91407;
--orko-rgb: 217 20 7;
--orko-oklch: oklch(0.561 0.223 29.7);
}
.element {
color: var(--orko);
background-color: hsl(4 94% 44%);
border-color: oklch(0.561 0.223 29.7);
}Tailwind CSS v4
@theme {
--color-orko: #d91407;
--color-orko-50: #ffdece;
--color-orko-100: #ffccba;
--color-orko-200: #ffaf98;
--color-orko-300: #ff866c;
--color-orko-400: #ff5b47;
--color-orko-500: #f71a0c;
--color-orko-600: #d11d10;
--color-orko-700: #a8180e;
--color-orko-800: #7e0e0e;
--color-orko-900: #590908;
--color-orko-950: #3c0000;
}SCSS
$orko: #d91407;
$orko-rgb: 217, 20, 7;
$orko-light: mix(#fff, $orko, 20%);
$orko-dark: mix(#000, $orko, 20%);
.element {
color: $orko;
box-shadow: 0 0 0 2px rgba($orko, 0.35);
}