이름 색상 · #41FDFE
Bright Cyan
Bright Cyan은(는) #41FDFE: rgb(65 253 254), hsl(180 99% 63%), oklch(0.906 0.143 195.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Bright Cyan color name →
#41FDFE
oklch(0.906 0.143 195.5)
색상 변환
- HEX
- #41fdfe
- RGB
- rgb(65 253 254)
- HSL
- hsl(180 99% 63%)
- HWB
- hwb(180 25% 0%)
- OKLCH
- oklch(0.906 0.143 195.5)
- OKLab
- oklab(0.906 -0.138 -0.038)
- CIE Lab
- lab(90.6 -46.54 -14.48)
- LCH
- lch(90.6 48.74 197.3)
- CMYK
- cmyk(74% 0% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 64FEFE
- 7EFEFE
- 93FFFE
- A6FFFF
- B7FFFF
- C6FFFF
- D5FFFF
- E4FFFF
- F2FFFF
셰이드
- 37DCDD
- 2EBCBD
- 259D9E
- 1C7F80
- 136263
- 0B4747
- 052D2D
- 011616
- 000303
톤
- 54F0F1
- 61E3E4
- 6AD7D7
- 71CACA
- 76BDBD
- 7AB1B1
- 7DA5A4
- 7F9898
- 808C8C
색 조화
보색 +180°
- 41FDFE
Bright Cyan
- FFD4D5
≈ Pink Clay
유사색 -30° +30°
- 41FDFE
Bright Cyan
- 74FEC9
≈ Iridescent Turquoise
- B5E9FF
≈ Blue Java Banana
삼각 배색 +120° +240°
- 41FDFE
Bright Cyan
- F2D3FF
≈ Rose Dragée
- FFD9A5
≈ Speak to Me
분열 보색 +150° +210°
- 41FDFE
Bright Cyan
- FFD0E9
≈ Little Smile
- FFD6C4
≈ Tiny Pink
사각 배색 +90° +180° +270°
- 41FDFE
Bright Cyan
- DCDCFF
≈ Transparent Blue
- FFD4D5
≈ Pink Clay
- EDE56C
≈ Celandine
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.70:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.70:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--bright-cyan: #41fdfe;
--bright-cyan-rgb: 65 253 254;
--bright-cyan-oklch: oklch(0.906 0.143 195.5);
}
.element {
color: var(--bright-cyan);
background-color: hsl(180 99% 63%);
border-color: oklch(0.906 0.143 195.5);
}Tailwind CSS v4
@theme {
--color-bright-cyan: #41fdfe;
--color-bright-cyan-50: #c6ffff;
--color-bright-cyan-100: #aff7f9;
--color-bright-cyan-200: #85e7ea;
--color-bright-cyan-300: #47ced1;
--color-bright-cyan-400: #00b7b9;
--color-bright-cyan-500: #00a1a4;
--color-bright-cyan-600: #00888b;
--color-bright-cyan-700: #006d6f;
--color-bright-cyan-800: #005150;
--color-bright-cyan-900: #003838;
--color-bright-cyan-950: #002322;
}SCSS
$bright-cyan: #41fdfe;
$bright-cyan-rgb: 65, 253, 254;
$bright-cyan-light: mix(#fff, $bright-cyan, 20%);
$bright-cyan-dark: mix(#000, $bright-cyan, 20%);
.element {
color: $bright-cyan;
box-shadow: 0 0 0 2px rgba($bright-cyan, 0.35);
}