En yakın adlandırılmış renk · #4DAFB2
#4DAFB2
En yakın adlandırılmış renk: Thalassa
#4DAFB2 (rgb(77 175 178), hsl(182 40% 50%), oklch(0.697 0.091 198)) en çok Thalassa 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.
#4DAFB2
oklch(0.697 0.091 198)
Renk dönüşümleri
- HEX
- #4dafb2
- RGB
- rgb(77 175 178)
- HSL
- hsl(182 40% 50%)
- HWB
- hwb(182 30% 30%)
- OKLCH
- oklch(0.697 0.091 198)
- OKLab
- oklab(0.697 -0.087 -0.028)
- CIE Lab
- lab(65.81 -29.14 -10.72)
- LCH
- lch(65.81 31.05 200.2)
- CMYK
- cmyk(57% 2% 0% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 63B7BA
- 76BFC1
- 88C7C9
- 9ACFD0
- ABD7D8
- BCDFE0
- CDE7E7
- DEEFEF
- EEF7F7
Koyu tonlar
- 42989A
- 378183
- 2C6B6D
- 225657
- 184143
- 0F2E2F
- 071C1D
- 020B0C
- 000101
Gri tonlar
- 56AAAD
- 5DA6A8
- 63A1A3
- 699C9E
- 6E9899
- 729394
- 768E8F
- 7A8A8A
- 7D8585
Renk uyumları
Tamamlayıcı +180°
- 4DAFB2
Thalassa
- D08688
≈ Mauve Glow
Analog -30° +30°
- 4DAFB2
Thalassa
- 60B093
≈ Electra
- 5BA9CA
≈ Estero Sky
Üçlü +120° +240°
- 4DAFB2
Thalassa
- B68CC3
≈ Creeping Bellflower
- BD975A
≈ Golden Bear
Bölünmüş tamamlayıcı +150° +210°
- 4DAFB2
Thalassa
- C886A8
≈ Moonlight Mauve
- CC8C6B
≈ Cinnamon Brandy
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.59:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.09:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--thalassa: #4dafb2;
--thalassa-rgb: 77 175 178;
--thalassa-oklch: oklch(0.697 0.091 198);
}
.element {
color: var(--thalassa);
background-color: hsl(182 40% 50%);
border-color: oklch(0.697 0.091 198);
}Tailwind CSS v4
@theme {
--color-thalassa: #4dafb2;
--color-thalassa-50: #d8feff;
--color-thalassa-100: #c5f2f4;
--color-thalassa-200: #a6e1e4;
--color-thalassa-300: #7dc6ca;
--color-thalassa-400: #54afb2;
--color-thalassa-500: #1b989c;
--color-thalassa-600: #1c8184;
--color-thalassa-700: #17676a;
--color-thalassa-800: #0e4c4d;
--color-thalassa-900: #093535;
--color-thalassa-950: #002020;
}SCSS
$thalassa: #4dafb2;
$thalassa-rgb: 77, 175, 178;
$thalassa-light: mix(#fff, $thalassa, 20%);
$thalassa-dark: mix(#000, $thalassa, 20%);
.element {
color: $thalassa;
box-shadow: 0 0 0 2px rgba($thalassa, 0.35);
}