이름 색상 · #4B9099
Adrift
Adrift은(는) #4B9099: rgb(75 144 153), hsl(187 34% 45%), oklch(0.612 0.071 206.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Adrift color name →
#4B9099
oklch(0.612 0.071 206.6)
색상 변환
- HEX
- #4b9099
- RGB
- rgb(75 144 153)
- HSL
- hsl(187 34% 45%)
- HWB
- hwb(187 29% 40%)
- OKLCH
- oklch(0.612 0.071 206.6)
- OKLab
- oklab(0.612 -0.063 -0.032)
- CIE Lab
- lab(55.57 -20.82 -11.91)
- LCH
- lch(55.57 23.99 209.8)
- CMYK
- cmyk(51% 6% 0% 40%)
틴트 · 셰이드 · 톤
틴트
- 5E9BA3
- 71A6AD
- 83B1B7
- 94BCC1
- A6C7CB
- B8D2D5
- C9DDE0
- DBE8EA
- EDF4F4
셰이드
- 407D84
- 356A70
- 2B575D
- 21454A
- 173438
- 0E2427
- 061517
- 020708
- 000101
톤
- 528F97
- 598D94
- 5F8B92
- 648A8F
- 69888D
- 6E878A
- 738588
- 788385
- 7C8283
색 조화
보색 +180°
- 4B9099
Adrift
- AA736D
≈ Dusky Haze
유사색 -30° +30°
- 4B9099
Adrift
- 529282
≈ Spa Green
- 598AA9
≈ Air Force Blue
삼각 배색 +120° +240°
- 4B9099
Adrift
- 9B759A
≈ Rebel Rouser
- 968151
≈ Picholine Olive
분열 보색 +150° +210°
- 4B9099
Adrift
- A77285
≈ Never Forget
- A57959
≈ Smokey Topaz
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.65:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.74:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.74:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--adrift: #4b9099;
--adrift-rgb: 75 144 153;
--adrift-oklch: oklch(0.612 0.071 206.6);
}
.element {
color: var(--adrift);
background-color: hsl(187 34% 45%);
border-color: oklch(0.612 0.071 206.6);
}Tailwind CSS v4
@theme {
--color-adrift: #4b9099;
--color-adrift-50: #dffbff;
--color-adrift-100: #ceeff4;
--color-adrift-200: #b2dde4;
--color-adrift-300: #8dc2cb;
--color-adrift-400: #6aabb3;
--color-adrift-500: #45949e;
--color-adrift-600: #3c7d85;
--color-adrift-700: #30646b;
--color-adrift-800: #214a4e;
--color-adrift-900: #163336;
--color-adrift-950: #071f21;
}SCSS
$adrift: #4b9099;
$adrift-rgb: 75, 144, 153;
$adrift-light: mix(#fff, $adrift, 20%);
$adrift-dark: mix(#000, $adrift, 20%);
.element {
color: $adrift;
box-shadow: 0 0 0 2px rgba($adrift, 0.35);
}