En yakın adlandırılmış renk · #438DB7
#438DB7
En yakın adlandırılmış renk: Underwater Moonlight
#438DB7 (rgb(67 141 183), hsl(202 46% 49%), oklch(0.614 0.097 236.3)) en çok Underwater Moonlight 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.
#438DB7
oklch(0.614 0.097 236.3)
Renk dönüşümleri
- HEX
- #438db7
- RGB
- rgb(67 141 183)
- HSL
- hsl(202 46% 49%)
- HWB
- hwb(202 26% 28%)
- OKLCH
- oklch(0.614 0.097 236.3)
- OKLab
- oklab(0.614 -0.054 -0.081)
- CIE Lab
- lab(55.29 -13.91 -29.44)
- LCH
- lch(55.29 32.56 244.7)
- CMYK
- cmyk(63% 23% 0% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5898BE
- 6BA4C6
- 7EAFCD
- 91BAD4
- A3C6DC
- B5D1E3
- C8DCEA
- DAE8F1
- ECF3F8
Koyu tonlar
- 397A9F
- 2F6787
- 265570
- 1D445A
- 143345
- 0C2331
- 05141E
- 01070C
- 000102
Gri tonlar
- 4C8CB2
- 538BAC
- 5A8AA7
- 6089A1
- 66879C
- 6C8696
- 718591
- 76838B
- 7B8286
Renk uyumları
Tamamlayıcı +180°
- 438DB7
Underwater Moonlight
- B17448
≈ Baked Bean
Analog -30° +30°
- 438DB7
Underwater Moonlight
- 2295A1
≈ Aqua Lake
- 6983BF
≈ Orbital
Üçlü +120° +240°
- 438DB7
Underwater Moonlight
- B36B86
≈ Pink Hibiscus
- 818C44
≈ Sea Turtle
Bölünmüş tamamlayıcı +150° +210°
- 438DB7
Underwater Moonlight
- B86D65
≈ Hacienda Tile
- 9E8039
≈ Wild Olive
Dörtlü +90° +180° +270°
- 438DB7
Underwater Moonlight
- A36FA4
≈ Violet Femmes
- B17448
≈ Baked Bean
- 5C9461
≈ Abundance
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.66:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.73:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.73:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--underwater-moonlight: #438db7;
--underwater-moonlight-rgb: 67 141 183;
--underwater-moonlight-oklch: oklch(0.614 0.097 236.3);
}
.element {
color: var(--underwater-moonlight);
background-color: hsl(202 46% 49%);
border-color: oklch(0.614 0.097 236.3);
}Tailwind CSS v4
@theme {
--color-underwater-moonlight: #438db7;
--color-underwater-moonlight-50: #dcfaff;
--color-underwater-moonlight-100: #cbedff;
--color-underwater-moonlight-200: #aedbfa;
--color-underwater-moonlight-300: #88bfe4;
--color-underwater-moonlight-400: #62a7d0;
--color-underwater-moonlight-500: #3b8fbe;
--color-underwater-moonlight-600: #3379a0;
--color-underwater-moonlight-700: #296181;
--color-underwater-moonlight-800: #1a485f;
--color-underwater-moonlight-900: #113242;
--color-underwater-moonlight-950: #031d2b;
}SCSS
$underwater-moonlight: #438db7;
$underwater-moonlight-rgb: 67, 141, 183;
$underwater-moonlight-light: mix(#fff, $underwater-moonlight, 20%);
$underwater-moonlight-dark: mix(#000, $underwater-moonlight, 20%);
.element {
color: $underwater-moonlight;
box-shadow: 0 0 0 2px rgba($underwater-moonlight, 0.35);
}