Adlandırılmış renk · #6DBAC0
Castaway
Castaway, #6DBAC0: rgb(109 186 192), hsl(184 40% 59%), oklch(0.741 0.077 202.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Castaway color name →
#6DBAC0
oklch(0.741 0.077 202.1)
Renk dönüşümleri
- HEX
- #6dbac0
- RGB
- rgb(109 186 192)
- HSL
- hsl(184 40% 59%)
- HWB
- hwb(184 43% 25%)
- OKLCH
- oklch(0.741 0.077 202.1)
- OKLab
- oklab(0.741 -0.071 -0.029)
- CIE Lab
- lab(70.73 -23.68 -10.94)
- LCH
- lch(70.73 26.08 204.8)
- CMYK
- cmyk(43% 3% 0% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7DC1C6
- 8CC8CC
- 9BCFD3
- AAD6D9
- B8DCDF
- C6E3E6
- D5EAEC
- E3F1F2
- F1F8F9
Koyu tonlar
- 5EA1A7
- 4F898E
- 417276
- 335C5F
- 264649
- 193234
- 0D1E20
- 040D0E
- 010202
Gri tonlar
- 70B4B9
- 73AEB3
- 76A8AC
- 78A3A6
- 7A9DA0
- 7C9799
- 7D9193
- 7E8C8C
- 7F8686
Renk uyumları
Tamamlayıcı +180°
- 6DBAC0
Castaway
- D89895
≈ Blooming Perfect
Analog -30° +30°
- 6DBAC0
Castaway
- 77BBA6
≈ Sereni Teal
- 78B4D4
≈ Water Fountain
Üçlü +120° +240°
- 6DBAC0
Castaway
- C39CC8
≈ Lilac Pink
- C4A773
≈ Gold Rush
Bölünmüş tamamlayıcı +150° +210°
- 6DBAC0
Castaway
- D298B0
≈ Exotic Lilac
- D39E7E
≈ Orange Maple
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.22:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.43:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.43:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--castaway: #6dbac0;
--castaway-rgb: 109 186 192;
--castaway-oklch: oklch(0.741 0.077 202.1);
}
.element {
color: var(--castaway);
background-color: hsl(184 40% 59%);
border-color: oklch(0.741 0.077 202.1);
}Tailwind CSS v4
@theme {
--color-castaway: #6dbac0;
--color-castaway-50: #ddfcff;
--color-castaway-100: #cbf0f4;
--color-castaway-200: #afdee3;
--color-castaway-300: #88c3c9;
--color-castaway-400: #64acb2;
--color-castaway-500: #3c959c;
--color-castaway-600: #347e84;
--color-castaway-700: #2a656a;
--color-castaway-800: #1c4a4d;
--color-castaway-900: #133435;
--color-castaway-950: #041f21;
}SCSS
$castaway: #6dbac0;
$castaway-rgb: 109, 186, 192;
$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);
}