이름 색상 · #B0E6E3
Cool Crayon
Cool Crayon은(는) #B0E6E3: rgb(176 230 227), hsl(177 52% 80%), oklch(0.887 0.055 192). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Cool Crayon color name →
#B0E6E3
oklch(0.887 0.055 192)
색상 변환
- HEX
- #b0e6e3
- RGB
- rgb(176 230 227)
- HSL
- hsl(177 52% 80%)
- HWB
- hwb(177 69% 10%)
- OKLCH
- oklch(0.887 0.055 192)
- OKLab
- oklab(0.887 -0.054 -0.011)
- CIE Lab
- lab(87.51 -18.34 -4.48)
- LCH
- lch(87.51 18.88 193.7)
- CMYK
- cmyk(23% 0% 1% 10%)
틴트 · 셰이드 · 톤
틴트
- B8E9E6
- C0EBE9
- C8EEEB
- D0F0EE
- D8F3F1
- E0F5F4
- E8F8F7
- F0FAF9
- F7FDFC
셰이드
- 99C8C5
- 82ABA8
- 6C8E8C
- 567371
- 425957
- 2E403F
- 1C2827
- 0B1312
- 010303
톤
- ABDBD9
- A7D1CE
- A2C6C4
- 9EBCBA
- 99B2B0
- 94A8A6
- 8F9E9D
- 8A9493
- 858A89
색 조화
보색 +180°
- B0E6E3
Cool Crayon
- FCCBD0
≈ Fruit Bowl
유사색 -30° +30°
- B0E6E3
Cool Crayon
- BAE6CF
≈ Woolly Mint
- B2E3F4
≈ Breaking the Ice
삼각 배색 +120° +240°
- B0E6E3
Cool Crayon
- E6D0F5
≈ Mousse aux Pruneaux
- F1D5B2
≈ Inviting Ivory
분열 보색 +150° +210°
- B0E6E3
Cool Crayon
- F5CCE4
≈ Sparkling Pink
- FBCFBE
≈ Doll House
사각 배색 +90° +180° +270°
- B0E6E3
Cool Crayon
- D3D6FE
≈ Pale Phthalo Blue
- FCCBD0
≈ Fruit Bowl
- E1DCB2
≈ Modern Zen
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.37:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.27:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--cool-crayon: #b0e6e3;
--cool-crayon-rgb: 176 230 227;
--cool-crayon-oklch: oklch(0.887 0.055 192);
}
.element {
color: var(--cool-crayon);
background-color: hsl(177 52% 80%);
border-color: oklch(0.887 0.055 192);
}Tailwind CSS v4
@theme {
--color-cool-crayon: #b0e6e3;
--color-cool-crayon-50: #e4fbfa;
--color-cool-crayon-100: #d4eeed;
--color-cool-crayon-200: #badcdb;
--color-cool-crayon-300: #97c1c0;
--color-cool-crayon-400: #78a9a7;
--color-cool-crayon-500: #58928f;
--color-cool-crayon-600: #4b7c79;
--color-cool-crayon-700: #3c6361;
--color-cool-crayon-800: #2b4947;
--color-cool-crayon-900: #1d3231;
--color-cool-crayon-950: #0d1e1d;
}SCSS
$cool-crayon: #b0e6e3;
$cool-crayon-rgb: 176, 230, 227;
$cool-crayon-light: mix(#fff, $cool-crayon, 20%);
$cool-crayon-dark: mix(#000, $cool-crayon, 20%);
.element {
color: $cool-crayon;
box-shadow: 0 0 0 2px rgba($cool-crayon, 0.35);
}