Nazwany kolor · #EE6666
Coral Commander
Coral Commander to #EE6666: rgb(238 102 102), hsl(0 80% 67%), oklch(0.679 0.169 22.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Coral Commander color name →
#EE6666
oklch(0.679 0.169 22.6)
Konwersje koloru
- HEX
- #ee6666
- RGB
- rgb(238 102 102)
- HSL
- hsl(0 80% 67%)
- HWB
- hwb(0 40% 7%)
- OKLCH
- oklch(0.679 0.169 22.6)
- OKLab
- oklab(0.679 0.156 0.065)
- CIE Lab
- lab(61.09 53.52 27.83)
- LCH
- lch(61.09 60.32 27.5)
- CMYK
- cmyk(0% 57% 57% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F27775
- F58784
- F89793
- FBA6A2
- FDB5B1
- FFC4C0
- FFD3D0
- FFE2DF
- FFF0EF
Odcienie ciemniejsze
- CF5858
- B14A4A
- 933C3C
- 772F2F
- 5C2323
- 421717
- 2A0C0C
- 140404
- 030000
Tony
- E46A69
- DA6E6C
- CF726F
- C57572
- BA7774
- AF7A77
- A47C79
- 987D7C
- 8C7F7E
Harmonie kolorów
Komplementarna +180°
- EE6666
Coral Commander
- 00ACB7
≈ Placid Sea
Analogowa -30° +30°
- EE6666
Coral Commander
- E365A2
≈ Cosmetologist’s Pink
- E67411
≈ Martian Colony
Triada +120° +240°
- EE6666
Coral Commander
- 4FB14A
≈ Spandex Green
- 5E94FF
≈ Blue Chaos
Komplementarna rozszczepiona +150° +210°
- EE6666
Coral Commander
- 00B290
≈ Victorian Greenhouse
- 00A5DF
≈ Vanadyl Blue
Tetrada +90° +180° +270°
- EE6666
Coral Commander
- 9AA100
≈ Forest Lichen
- 00ACB7
≈ Placid Sea
- 9D80F6
≈ Forgotten Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.12:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.72:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--coral-commander: #ee6666;
--coral-commander-rgb: 238 102 102;
--coral-commander-oklch: oklch(0.679 0.169 22.6);
}
.element {
color: var(--coral-commander);
background-color: hsl(0 80% 67%);
border-color: oklch(0.679 0.169 22.6);
}Tailwind CSS v4
@theme {
--color-coral-commander: #ee6666;
--color-coral-commander-50: #ffe3dd;
--color-coral-commander-100: #ffd3cc;
--color-coral-commander-200: #ffb8b0;
--color-coral-commander-300: #ff938c;
--color-coral-commander-400: #f2706f;
--color-coral-commander-500: #e04a4f;
--color-coral-commander-600: #bd4044;
--color-coral-commander-700: #983336;
--color-coral-commander-800: #712428;
--color-coral-commander-900: #50181b;
--color-coral-commander-950: #35070b;
}SCSS
$coral-commander: #ee6666;
$coral-commander-rgb: 238, 102, 102;
$coral-commander-light: mix(#fff, $coral-commander, 20%);
$coral-commander-dark: mix(#000, $coral-commander, 20%);
.element {
color: $coral-commander;
box-shadow: 0 0 0 2px rgba($coral-commander, 0.35);
}