Nazwany kolor · #D07360
OK Corral
OK Corral to #D07360: rgb(208 115 96), hsl(10 54% 60%), oklch(0.656 0.121 32.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · OK Corral color name →
#D07360
oklch(0.656 0.121 32.6)
Konwersje koloru
- HEX
- #d07360
- RGB
- rgb(208 115 96)
- HSL
- hsl(10 54% 60%)
- HWB
- hwb(10 38% 18%)
- OKLCH
- oklch(0.656 0.121 32.6)
- OKLab
- oklab(0.656 0.102 0.065)
- CIE Lab
- lab(59.01 36 27.47)
- LCH
- lch(59.01 45.29 37.3)
- CMYK
- cmyk(0% 45% 54% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6816F
- DC8F7F
- E19D8F
- E6AB9E
- EBB9AE
- F0C7BE
- F4D5CE
- F8E3DE
- FCF1EE
Odcienie ciemniejsze
- B56352
- 9A5445
- 804538
- 67362C
- 4F2820
- 391B15
- 230F0A
- 100503
- 020100
Tony
- C97564
- C17767
- B9796B
- B27A6E
- AA7B71
- A27D74
- 9A7E77
- 917F7A
- 897F7D
Harmonie kolorów
Komplementarna +180°
- D07360
OK Corral
- 00A3BA
≈ January Blue
Analogowa -30° +30°
- D07360
OK Corral
- CD6F8A
≈ Silk Ribbon
- C57F39
≈ Ginger Beer
Triada +120° +240°
- D07360
OK Corral
- 4FA66C
≈ Sēn Lín Lǜ Forest
- 788BDB
≈ Tanzine
Komplementarna rozszczepiona +150° +210°
- D07360
OK Corral
- 00A897
≈ Persian Green
- 4499D4
≈ Blue Tourmaline
Tetrada +90° +180° +270°
- D07360
OK Corral
- 849C42
≈ New Shoot
- 00A3BA
≈ January Blue
- 9F7ECE
≈ Wisteria
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.33:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.30:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--ok-corral: #d07360;
--ok-corral-rgb: 208 115 96;
--ok-corral-oklch: oklch(0.656 0.121 32.6);
}
.element {
color: var(--ok-corral);
background-color: hsl(10 54% 60%);
border-color: oklch(0.656 0.121 32.6);
}Tailwind CSS v4
@theme {
--color-ok-corral: #d07360;
--color-ok-corral-50: #ffeade;
--color-ok-corral-100: #ffdacd;
--color-ok-corral-200: #ffc2b2;
--color-ok-corral-300: #eea18e;
--color-ok-corral-400: #dc8270;
--color-ok-corral-500: #c96450;
--color-ok-corral-600: #aa5544;
--color-ok-corral-700: #894436;
--color-ok-corral-800: #663028;
--color-ok-corral-900: #48211b;
--color-ok-corral-950: #2e100b;
}SCSS
$ok-corral: #d07360;
$ok-corral-rgb: 208, 115, 96;
$ok-corral-light: mix(#fff, $ok-corral, 20%);
$ok-corral-dark: mix(#000, $ok-corral, 20%);
.element {
color: $ok-corral;
box-shadow: 0 0 0 2px rgba($ok-corral, 0.35);
}