Nazwany kolor · #EC6D71
Zahri Pink
Zahri Pink to #EC6D71: rgb(236 109 113), hsl(358 77% 68%), oklch(0.688 0.157 20.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Zahri Pink color name →
#EC6D71
oklch(0.688 0.157 20.2)
Konwersje koloru
- HEX
- #ec6d71
- RGB
- rgb(236 109 113)
- HSL
- hsl(358 77% 68%)
- HWB
- hwb(358 43% 7%)
- OKLCH
- oklch(0.688 0.157 20.2)
- OKLab
- oklab(0.688 0.148 0.054)
- CIE Lab
- lab(62.19 50.31 22.93)
- LCH
- lch(62.19 55.28 24.5)
- CMYK
- cmyk(0% 54% 52% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F07D7F
- F38C8C
- F69B9A
- F9A9A8
- FBB8B6
- FDC6C5
- FED4D3
- FFE3E2
- FFF1F0
Odcienie ciemniejsze
- CD5E61
- AF4F52
- 924143
- 763335
- 5B2627
- 42191A
- 290D0E
- 130404
- 030101
Tony
- E27073
- D87375
- CD7676
- C37878
- B97A79
- AE7C7B
- A37D7C
- 987E7D
- 8C7F7F
Harmonie kolorów
Komplementarna +180°
- EC6D71
Zahri Pink
- 00B0B7
≈ Mermaid Treasure
Analogowa -30° +30°
- EC6D71
Zahri Pink
- E16DA8
≈ China Pink
- E67931
≈ Spiced up Orange
Triada +120° +240°
- EC6D71
Zahri Pink
- 60B24F
≈ Sour Candy
- 5F99FB
≈ Blue Chaos
Komplementarna rozszczepiona +150° +210°
- EC6D71
Zahri Pink
- 00B58E
≈ Chromophobia Green
- 00A9DF
≈ Blue Fire
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.00:1 · APCA Lc 56
Ag
AANa czerni
WCAG 6.99:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 6.99:1 (AA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--zahri-pink: #ec6d71;
--zahri-pink-rgb: 236 109 113;
--zahri-pink-oklch: oklch(0.688 0.157 20.2);
}
.element {
color: var(--zahri-pink);
background-color: hsl(358 77% 68%);
border-color: oklch(0.688 0.157 20.2);
}Tailwind CSS v4
@theme {
--color-zahri-pink: #ec6d71;
--color-zahri-pink-50: #ffe4e1;
--color-zahri-pink-100: #ffd4d0;
--color-zahri-pink-200: #ffbab6;
--color-zahri-pink-300: #fe9692;
--color-zahri-pink-400: #ed7477;
--color-zahri-pink-500: #db5059;
--color-zahri-pink-600: #b9454b;
--color-zahri-pink-700: #94373c;
--color-zahri-pink-800: #6f262d;
--color-zahri-pink-900: #4e1a1e;
--color-zahri-pink-950: #33090e;
}SCSS
$zahri-pink: #ec6d71;
$zahri-pink-rgb: 236, 109, 113;
$zahri-pink-light: mix(#fff, $zahri-pink, 20%);
$zahri-pink-dark: mix(#000, $zahri-pink, 20%);
.element {
color: $zahri-pink;
box-shadow: 0 0 0 2px rgba($zahri-pink, 0.35);
}