Adlandırılmış renk · #1CADBA
Placid Sea
Placid Sea, #1CADBA: rgb(28 173 186), hsl(185 74% 42%), oklch(0.684 0.112 204.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Placid Sea color name →
#1CADBA
oklch(0.684 0.112 204.7)
Renk dönüşümleri
- HEX
- #1cadba
- RGB
- rgb(28 173 186)
- HSL
- hsl(185 74% 42%)
- HWB
- hwb(185 11% 27%)
- OKLCH
- oklch(0.684 0.112 204.7)
- OKLab
- oklab(0.684 -0.102 -0.047)
- CIE Lab
- lab(64.32 -33.32 -17.5)
- LCH
- lch(64.32 37.63 207.7)
- CMYK
- cmyk(85% 7% 0% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 45B5C1
- 60BEC8
- 77C6CF
- 8CCED6
- A0D6DC
- B4DFE3
- C7E7EA
- DAEFF1
- ECF7F8
Koyu tonlar
- 1796A1
- 127F89
- 0D6A72
- 08555C
- 054146
- 022D32
- 011B1E
- 000B0D
- 000102
Gri tonlar
- 35A9B4
- 45A4AE
- 51A0A8
- 5B9BA3
- 63979D
- 6A9297
- 708E91
- 76898B
- 7B8586
Renk uyumları
Tamamlayıcı +180°
- 1CADBA
Placid Sea
- D67D76
≈ Bite My Tongue
Analog -30° +30°
- 1CADBA
Placid Sea
- 39B095
≈ Walk in the Woods
- 48A4D5
≈ Blue Tango
Üçlü +120° +240°
- 1CADBA
Placid Sea
- BC81C0
≈ Lavender Sweater
- B9933E
≈ Roti
Bölünmüş tamamlayıcı +150° +210°
- 1CADBA
Placid Sea
- D07B9D
≈ Little Bow Pink
- CF8652
≈ Caramel Bar
Dörtlü +90° +180° +270°
- 1CADBA
Placid Sea
- 9E8BD8
≈ Middy’s Purple
- D67D76
≈ Bite My Tongue
- 98A14B
≈ Fresh Apple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.71:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.73:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.73:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--placid-sea: #1cadba;
--placid-sea-rgb: 28 173 186;
--placid-sea-oklch: oklch(0.684 0.112 204.7);
}
.element {
color: var(--placid-sea);
background-color: hsl(185 74% 42%);
border-color: oklch(0.684 0.112 204.7);
}Tailwind CSS v4
@theme {
--color-placid-sea: #1cadba;
--color-placid-sea-50: #d1ffff;
--color-placid-sea-100: #bdf3fb;
--color-placid-sea-200: #9ae2ec;
--color-placid-sea-300: #6bc8d4;
--color-placid-sea-400: #34b1be;
--color-placid-sea-500: #009aa9;
--color-placid-sea-600: #00838f;
--color-placid-sea-700: #006972;
--color-placid-sea-800: #004d53;
--color-placid-sea-900: #00363a;
--color-placid-sea-950: #002124;
}SCSS
$placid-sea: #1cadba;
$placid-sea-rgb: 28, 173, 186;
$placid-sea-light: mix(#fff, $placid-sea, 20%);
$placid-sea-dark: mix(#000, $placid-sea, 20%);
.element {
color: $placid-sea;
box-shadow: 0 0 0 2px rgba($placid-sea, 0.35);
}