이름 색상 · #00FBFF
Aggressive Aqua
Aggressive Aqua은(는) #00FBFF: rgb(0 251 255), hsl(181 100% 50%), oklch(0.896 0.153 196.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Aggressive Aqua color name →
#00FBFF
oklch(0.896 0.153 196.8)
색상 변환
- HEX
- #00fbff
- RGB
- rgb(0 251 255)
- HSL
- hsl(181 100% 50%)
- HWB
- hwb(181 0% 0%)
- OKLCH
- oklch(0.896 0.153 196.8)
- OKLab
- oklab(0.896 -0.146 -0.044)
- CIE Lab
- lab(89.5 -49.15 -16.7)
- LCH
- lch(89.5 51.91 198.8)
- CMYK
- cmyk(100% 2% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 4FFCFF
- 6FFDFF
- 88FDFF
- 9DFEFF
- B0FEFF
- C2FFFF
- D2FFFF
- E2FFFF
- F1FFFF
셰이드
- 00DADE
- 00BABE
- 009C9E
- 007E80
- 006163
- 004648
- 002D2E
- 001516
- 000303
톤
- 3AEEF2
- 50E2E4
- 5ED5D7
- 68C9CA
- 70BDBE
- 75B0B1
- 7AA4A5
- 7D9898
- 7F8C8C
색 조화
보색 +180°
- 00FBFF
Aggressive Aqua
- FFCFD0
≈ Aromatic Breeze
유사색 -30° +30°
- 00FBFF
Aggressive Aqua
- 60FDC7
≈ Rare Wind
- AFE6FF
≈ Frozen Landscape
삼각 배색 +120° +240°
- 00FBFF
Aggressive Aqua
- F2CEFF
≈ Rose Dragée
- FFD598
≈ Caramel Finish
분열 보색 +150° +210°
- 00FBFF
Aggressive Aqua
- FFCCE5
≈ Classic Rose
- FFD2BC
≈ Vienna Sausage
사각 배색 +90° +180° +270°
- 00FBFF
Aggressive Aqua
- D9D8FF
≈ Transparent Blue
- FFCFD0
≈ Aromatic Breeze
- E9E35F
≈ Celandine
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.24:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.24:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--aggressive-aqua: #00fbff;
--aggressive-aqua-rgb: 0 251 255;
--aggressive-aqua-oklch: oklch(0.896 0.153 196.8);
}
.element {
color: var(--aggressive-aqua);
background-color: hsl(181 100% 50%);
border-color: oklch(0.896 0.153 196.8);
}Tailwind CSS v4
@theme {
--color-aggressive-aqua: #00fbff;
--color-aggressive-aqua-50: #c2ffff;
--color-aggressive-aqua-100: #aaf8fb;
--color-aggressive-aqua-200: #7ee8ed;
--color-aggressive-aqua-300: #35cfd5;
--color-aggressive-aqua-400: #00b9bd;
--color-aggressive-aqua-500: #00a2a8;
--color-aggressive-aqua-600: #00898e;
--color-aggressive-aqua-700: #006e72;
--color-aggressive-aqua-800: #005152;
--color-aggressive-aqua-900: #003939;
--color-aggressive-aqua-950: #002324;
}SCSS
$aggressive-aqua: #00fbff;
$aggressive-aqua-rgb: 0, 251, 255;
$aggressive-aqua-light: mix(#fff, $aggressive-aqua, 20%);
$aggressive-aqua-dark: mix(#000, $aggressive-aqua, 20%);
.element {
color: $aggressive-aqua;
box-shadow: 0 0 0 2px rgba($aggressive-aqua, 0.35);
}