Nazwany kolor · #ED9190
Dishy Coral
Dishy Coral to #ED9190: rgb(237 145 144), hsl(1 72% 75%), oklch(0.752 0.112 20.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Dishy Coral color name →
#ED9190
oklch(0.752 0.112 20.7)
Konwersje koloru
- HEX
- #ed9190
- RGB
- rgb(237 145 144)
- HSL
- hsl(1 72% 75%)
- HWB
- hwb(1 56% 7%)
- OKLCH
- oklch(0.752 0.112 20.7)
- OKLab
- oklab(0.752 0.105 0.04)
- CIE Lab
- lab(70.06 35.58 16.15)
- LCH
- lch(70.06 39.07 24.4)
- CMYK
- cmyk(0% 39% 39% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F09C9B
- F3A7A6
- F5B2B0
- F7BDBB
- F9C8C6
- FBD3D2
- FCDEDD
- FEE9E8
- FEF4F4
Odcienie ciemniejsze
- CE7D7D
- B06A6A
- 935857
- 774645
- 5C3534
- 422524
- 2A1515
- 140707
- 030101
Tony
- E2908F
- D88E8D
- CD8D8B
- C28B8A
- B78A88
- AC8887
- A18685
- 968483
- 8B8282
Harmonie kolorów
Komplementarna +180°
- ED9190
Dishy Coral
- 3FC3CB
≈ Gem Turquoise
Analogowa -30° +30°
- ED9190
Dishy Coral
- E490B7
≈ Chewing Gum Pink
- E7996B
≈ Inventive Orange
Triada +120° +240°
- ED9190
Dishy Coral
- 87C07C
≈ Grand Valley
- 86AFF5
≈ Kitten’s Eye
Komplementarna rozszczepiona +150° +210°
- ED9190
Dishy Coral
- 58C5A5
≈ Biscay Green
- 59BBE8
≈ Clean Pool
Tetrada +90° +180° +270°
- ED9190
Dishy Coral
- B2B55D
≈ Green Me
- 3FC3CB
≈ Gem Turquoise
- AEA2F0
≈ Shy Moment
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.31:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.05:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.05:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--dishy-coral: #ed9190;
--dishy-coral-rgb: 237 145 144;
--dishy-coral-oklch: oklch(0.752 0.112 20.7);
}
.element {
color: var(--dishy-coral);
background-color: hsl(1 72% 75%);
border-color: oklch(0.752 0.112 20.7);
}Tailwind CSS v4
@theme {
--color-dishy-coral: #ed9190;
--color-dishy-coral-50: #ffe9e6;
--color-dishy-coral-100: #ffdad7;
--color-dishy-coral-200: #ffc2be;
--color-dishy-coral-300: #eba19d;
--color-dishy-coral-400: #d98382;
--color-dishy-coral-500: #c56566;
--color-dishy-coral-600: #a75656;
--color-dishy-coral-700: #864545;
--color-dishy-coral-800: #633133;
--color-dishy-coral-900: #462123;
--color-dishy-coral-950: #2d1012;
}SCSS
$dishy-coral: #ed9190;
$dishy-coral-rgb: 237, 145, 144;
$dishy-coral-light: mix(#fff, $dishy-coral, 20%);
$dishy-coral-dark: mix(#000, $dishy-coral, 20%);
.element {
color: $dishy-coral;
box-shadow: 0 0 0 2px rgba($dishy-coral, 0.35);
}