En yakın adlandırılmış renk · #84B1CC
#84B1CC
En yakın adlandırılmış renk: Serene Sea
#84B1CC (rgb(132 177 204), hsl(203 41% 66%), oklch(0.738 0.062 235.1)) en çok Serene Sea 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.
#84B1CC
oklch(0.738 0.062 235.1)
Renk dönüşümleri
- HEX
- #84b1cc
- RGB
- rgb(132 177 204)
- HSL
- hsl(203 41% 66%)
- HWB
- hwb(203 52% 20%)
- OKLCH
- oklch(0.738 0.062 235.1)
- OKLab
- oklab(0.738 -0.036 -0.051)
- CIE Lab
- lab(69.69 -10.56 -18.88)
- LCH
- lch(69.69 21.63 240.8)
- CMYK
- cmyk(35% 13% 0% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 90B9D1
- 9DC0D6
- A9C8DB
- B5D0E1
- C1D8E6
- CDDFEB
- DAE7F0
- E6EFF5
- F3F7FA
Koyu tonlar
- 7299B1
- 608397
- 4F6C7E
- 3F5765
- 2F424E
- 202F37
- 121C22
- 060C0F
- 010102
Gri tonlar
- 84ACC4
- 84A7BC
- 84A2B5
- 849DAD
- 8398A6
- 83949E
- 828F96
- 828A8F
- 818587
Renk uyumları
Tamamlayıcı +180°
- 84B1CC
Serene Sea
- CAA085
≈ Arbol de Tamarindo
Analog -30° +30°
- 84B1CC
Serene Sea
- 7BB6BD
≈ Aqua Blue
- 97AAD2
≈ Foresight
Üçlü +120° +240°
- 84B1CC
Serene Sea
- CB9AAC
≈ Rosebay
- A8AF82
≈ Wall Green
Bölünmüş tamamlayıcı +150° +210°
- 84B1CC
Serene Sea
- CF9B96
≈ Dull Apricot
- BCA87D
≈ Malt Shake
Dörtlü +90° +180° +270°
- 84B1CC
Serene Sea
- BF9DC0
≈ Lupine
- CAA085
≈ Arbol de Tamarindo
- 92B592
≈ Mountain Fern
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.29:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.14:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--serene-sea: #84b1cc;
--serene-sea-rgb: 132 177 204;
--serene-sea-oklch: oklch(0.738 0.062 235.1);
}
.element {
color: var(--serene-sea);
background-color: hsl(203 41% 66%);
border-color: oklch(0.738 0.062 235.1);
}Tailwind CSS v4
@theme {
--color-serene-sea: #84b1cc;
--color-serene-sea-50: #e5f8ff;
--color-serene-sea-100: #d5ecfa;
--color-serene-sea-200: #bcd9ec;
--color-serene-sea-300: #9abdd4;
--color-serene-sea-400: #7ba5be;
--color-serene-sea-500: #5c8daa;
--color-serene-sea-600: #4f778f;
--color-serene-sea-700: #3f6073;
--color-serene-sea-800: #2c4654;
--color-serene-sea-900: #1e313b;
--color-serene-sea-950: #0d1d25;
}SCSS
$serene-sea: #84b1cc;
$serene-sea-rgb: 132, 177, 204;
$serene-sea-light: mix(#fff, $serene-sea, 20%);
$serene-sea-dark: mix(#000, $serene-sea, 20%);
.element {
color: $serene-sea;
box-shadow: 0 0 0 2px rgba($serene-sea, 0.35);
}