Colore con nome · #D07360
OK Corral
OK Corral è #D07360: rgb(208 115 96), hsl(10 54% 60%), oklch(0.656 0.121 32.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · OK Corral color name →
#D07360
oklch(0.656 0.121 32.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D6816F
- DC8F7F
- E19D8F
- E6AB9E
- EBB9AE
- F0C7BE
- F4D5CE
- F8E3DE
- FCF1EE
Ombre
- B56352
- 9A5445
- 804538
- 67362C
- 4F2820
- 391B15
- 230F0A
- 100503
- 020100
Toni
- C97564
- C17767
- B9796B
- B27A6E
- AA7B71
- A27D74
- 9A7E77
- 917F7A
- 897F7D
Armonie di colore
Complementare +180°
- D07360
OK Corral
- 00A3BA
≈ January Blue
Analogo -30° +30°
- D07360
OK Corral
- CD6F8A
≈ Silk Ribbon
- C57F39
≈ Ginger Beer
Triadico +120° +240°
- D07360
OK Corral
- 4FA66C
≈ Sēn Lín Lǜ Forest
- 788BDB
≈ Tanzine
Complementare divisa +150° +210°
- D07360
OK Corral
- 00A897
≈ Persian Green
- 4499D4
≈ Blue Tourmaline
Tetradico +90° +180° +270°
- D07360
OK Corral
- 849C42
≈ New Shoot
- 00A3BA
≈ January Blue
- 9F7ECE
≈ Wisteria
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.33:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.30:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
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);
}