Adlandırılmış renk · #CF8179
Coral Garden
Coral Garden, #CF8179: rgb(207 129 121), hsl(6 47% 64%), oklch(0.683 0.098 26.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Coral Garden color name →
#CF8179
oklch(0.683 0.098 26.3)
Renk dönüşümleri
- HEX
- #cf8179
- RGB
- rgb(207 129 121)
- HSL
- hsl(6 47% 64%)
- HWB
- hwb(6 47% 19%)
- OKLCH
- oklch(0.683 0.098 26.3)
- OKLab
- oklab(0.683 0.088 0.043)
- CIE Lab
- lab(62.32 30.26 17.72)
- LCH
- lch(62.32 35.07 30.3)
- CMYK
- cmyk(0% 38% 42% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D58D86
- DA9A93
- E0A6A0
- E5B3AD
- EABFBA
- EECCC8
- F3D9D5
- F7E5E3
- FBF2F1
Koyu tonlar
- B46F68
- 995E58
- 7F4E48
- 673E39
- 4F2E2B
- 381F1D
- 231210
- 100605
- 020101
Gri tonlar
- C7817A
- C0827B
- B8827C
- B0827C
- A9827D
- A1817E
- 99817E
- 91817F
- 88807F
Renk uyumları
Tamamlayıcı +180°
- CF8179
Coral Garden
- 3EAAB7
≈ Explore Blue
Analog -30° +30°
- CF8179
Coral Garden
- CA7F9B
≈ Wild Rose
- C8895C
≈ Wheatberry
Üçlü +120° +240°
- CF8179
Coral Garden
- 70AA75
≈ Dusty Green
- 7D98D6
≈ Purple Gentian
Bölünmüş tamamlayıcı +150° +210°
- CF8179
Coral Garden
- 4BAD97
≈ Hole in One
- 58A2CE
≈ Sub-Zero
Dörtlü +90° +180° +270°
- CF8179
Coral Garden
- 96A158
≈ Sweet Pea
- 3EAAB7
≈ Explore Blue
- 9F8DCF
≈ Middy’s Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.97:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.06:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.06:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--coral-garden: #cf8179;
--coral-garden-rgb: 207 129 121;
--coral-garden-oklch: oklch(0.683 0.098 26.3);
}
.element {
color: var(--coral-garden);
background-color: hsl(6 47% 64%);
border-color: oklch(0.683 0.098 26.3);
}Tailwind CSS v4
@theme {
--color-coral-garden: #cf8179;
--color-coral-garden-50: #ffebe6;
--color-coral-garden-100: #ffdcd6;
--color-coral-garden-200: #fcc5bd;
--color-coral-garden-300: #e5a59b;
--color-coral-garden-400: #d28880;
--color-coral-garden-500: #bf6b63;
--color-coral-garden-600: #a15b54;
--color-coral-garden-700: #814943;
--color-coral-garden-800: #603431;
--color-coral-garden-900: #432421;
--color-coral-garden-950: #2b1211;
}SCSS
$coral-garden: #cf8179;
$coral-garden-rgb: 207, 129, 121;
$coral-garden-light: mix(#fff, $coral-garden, 20%);
$coral-garden-dark: mix(#000, $coral-garden, 20%);
.element {
color: $coral-garden;
box-shadow: 0 0 0 2px rgba($coral-garden, 0.35);
}