En yakın adlandırılmış renk · #72B6D4
#72B6D4
En yakın adlandırılmış renk: Milky Waves
#72B6D4 (rgb(114 182 212), hsl(198 53% 64%), oklch(0.742 0.081 227.9)) en çok Milky Waves 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.
#72B6D4
oklch(0.742 0.081 227.9)
Renk dönüşümleri
- HEX
- #72b6d4
- RGB
- rgb(114 182 212)
- HSL
- hsl(198 53% 64%)
- HWB
- hwb(198 45% 17%)
- OKLCH
- oklch(0.742 0.081 227.9)
- OKLab
- oklab(0.742 -0.055 -0.06)
- CIE Lab
- lab(70.36 -16.37 -22.34)
- LCH
- lch(70.36 27.69 233.8)
- CMYK
- cmyk(46% 14% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 81BDD8
- 90C5DD
- 9ECCE1
- ACD3E6
- BADBEA
- C8E2EE
- D6E9F2
- E3F0F7
- F1F8FB
Koyu tonlar
- 629EB8
- 53869D
- 446F83
- 365969
- 284451
- 1B303A
- 0E1D24
- 040C10
- 010202
Gri tonlar
- 75B1CB
- 77ABC3
- 79A6BA
- 7AA0B2
- 7C9BA9
- 7D96A1
- 7E9099
- 7F8B90
- 808588
Renk uyumları
Tamamlayıcı +180°
- 72B6D4
Milky Waves
- D79C7F
≈ Dazzle and Delight
Analog -30° +30°
- 72B6D4
Milky Waves
- 68BCBE
≈ Aqua Sky
- 8CADDF
≈ Queer Blue
Üçlü +120° +240°
- 72B6D4
Milky Waves
- D397B5
≈ Exotic Lilac
- B0B073
≈ Timothy Grass
Bölünmüş tamamlayıcı +150° +210°
- 72B6D4
Milky Waves
- DA9798
≈ Blooming Perfect
- C8A570
≈ Mustard Seed Beige
Dörtlü +90° +180° +270°
- 72B6D4
Milky Waves
- C19CCD
≈ Lilac Pink
- D79C7F
≈ Dazzle and Delight
- 92B886
≈ Willow Dyed
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.24:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.35:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--milky-waves: #72b6d4;
--milky-waves-rgb: 114 182 212;
--milky-waves-oklch: oklch(0.742 0.081 227.9);
}
.element {
color: var(--milky-waves);
background-color: hsl(198 53% 64%);
border-color: oklch(0.742 0.081 227.9);
}Tailwind CSS v4
@theme {
--color-milky-waves: #72b6d4;
--color-milky-waves-50: #dffaff;
--color-milky-waves-100: #cdeefe;
--color-milky-waves-200: #b1dcf1;
--color-milky-waves-300: #8cc0d9;
--color-milky-waves-400: #69a8c4;
--color-milky-waves-500: #4491b0;
--color-milky-waves-600: #3a7a95;
--color-milky-waves-700: #2e6278;
--color-milky-waves-800: #1f4858;
--color-milky-waves-900: #15323d;
--color-milky-waves-950: #061e27;
}SCSS
$milky-waves: #72b6d4;
$milky-waves-rgb: 114, 182, 212;
$milky-waves-light: mix(#fff, $milky-waves, 20%);
$milky-waves-dark: mix(#000, $milky-waves, 20%);
.element {
color: $milky-waves;
box-shadow: 0 0 0 2px rgba($milky-waves, 0.35);
}