En yakın adlandırılmış renk · #66B8C3
#66B8C3
En yakın adlandırılmış renk: Castaway
#66B8C3 (rgb(102 184 195), hsl(187 44% 58%), oklch(0.735 0.082 206.8)) en çok Castaway adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#66B8C3
oklch(0.735 0.082 206.8)
Renk dönüşümleri
- HEX
- #66b8c3
- RGB
- rgb(102 184 195)
- HSL
- hsl(187 44% 58%)
- HWB
- hwb(187 40% 24%)
- OKLCH
- oklch(0.735 0.082 206.8)
- OKLab
- oklab(0.735 -0.073 -0.037)
- CIE Lab
- lab(69.91 -23.92 -13.82)
- LCH
- lch(69.91 27.63 210)
- CMYK
- cmyk(48% 6% 0% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 77BFC9
- 87C6CF
- 97CDD5
- A6D4DB
- B5DCE1
- C4E3E7
- D3EAED
- E2F1F3
- F0F8F9
Koyu tonlar
- 58A0A9
- 4A8890
- 3C7178
- 2F5B60
- 23454A
- 173134
- 0C1E20
- 040C0E
- 000202
Gri tonlar
- 6AB2BC
- 6EADB5
- 72A7AF
- 75A2A8
- 779CA1
- 7A969A
- 7C9194
- 7D8B8D
- 7F8687
Renk uyumları
Tamamlayıcı +180°
- 66B8C3
Castaway
- D8968E
≈ Petite Orchid
Analog -30° +30°
- 66B8C3
Castaway
- 6DBAA8
≈ Larchmere
- 76B1D6
≈ Meadow Blossom Blue
Üçlü +120° +240°
- 66B8C3
Castaway
- C597C4
≈ Pomtini
- C0A66C
≈ Hay Yellow
Bölünmüş tamamlayıcı +150° +210°
- 66B8C3
Castaway
- D494AA
≈ Foxy Pink
- D19C76
≈ Rustic Adobe
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.28:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.20:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--castaway: #66b8c3;
--castaway-rgb: 102 184 195;
--castaway-oklch: oklch(0.735 0.082 206.8);
}
.element {
color: var(--castaway);
background-color: hsl(187 44% 58%);
border-color: oklch(0.735 0.082 206.8);
}Tailwind CSS v4
@theme {
--color-castaway: #66b8c3;
--color-castaway-50: #dbfcff;
--color-castaway-100: #caf0f6;
--color-castaway-200: #acdfe7;
--color-castaway-300: #85c3ce;
--color-castaway-400: #5facb7;
--color-castaway-500: #3495a1;
--color-castaway-600: #2e7e88;
--color-castaway-700: #25656d;
--color-castaway-800: #194a50;
--color-castaway-900: #103437;
--color-castaway-950: #031f22;
}SCSS
$castaway: #66b8c3;
$castaway-rgb: 102, 184, 195;
$castaway-light: mix(#fff, $castaway, 20%);
$castaway-dark: mix(#000, $castaway, 20%);
.element {
color: $castaway;
box-shadow: 0 0 0 2px rgba($castaway, 0.35);
}