이름 색상 · #90ABBB
New Toile
New Toile은(는) #90ABBB: rgb(144 171 187), hsl(202 24% 65%), oklch(0.726 0.038 234). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · New Toile color name →
#90ABBB
oklch(0.726 0.038 234)
색상 변환
- HEX
- #90abbb
- RGB
- rgb(144 171 187)
- HSL
- hsl(202 24% 65%)
- HWB
- hwb(202 56% 27%)
- OKLCH
- oklch(0.726 0.038 234)
- OKLab
- oklab(0.726 -0.022 -0.031)
- CIE Lab
- lab(68.32 -6.95 -11.5)
- LCH
- lch(68.32 13.44 238.9)
- CMYK
- cmyk(23% 9% 0% 27%)
틴트 · 셰이드 · 톤
틴트
- 9BB3C2
- A6BBC8
- B1C4CF
- BBCCD6
- C7D4DD
- D2DDE4
- DDE5EA
- E8EEF1
- F4F6F8
셰이드
- 7D94A2
- 6A7E8A
- 576873
- 45545C
- 344046
- 242D32
- 151B1F
- 070B0D
- 010102
톤
- 8FA7B5
- 8DA2AF
- 8B9EA9
- 8A9AA3
- 88959D
- 879197
- 858D91
- 83888C
- 828486
색 조화
보색 +180°
- 90ABBB
New Toile
- BAA191
≈ White Mouse
유사색 -30° +30°
- 90ABBB
New Toile
- 8BAEB1
≈ Bon Voyage
- 9BA7BF
≈ Veranda Iris
삼각 배색 +120° +240°
- 90ABBB
New Toile
- BB9DA8
≈ Pinterested
- A6AA8F
≈ Bud
분열 보색 +150° +210°
- 90ABBB
New Toile
- BD9E9B
≈ Awakening
- B2A58C
≈ Safari Vest
사각 배색 +90° +180° +270°
- 90ABBB
New Toile
- B39FB4
≈ Pastel Purple
- BAA191
≈ White Mouse
- 99AD98
≈ Garden
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.40:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.72:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--new-toile: #90abbb;
--new-toile-rgb: 144 171 187;
--new-toile-oklch: oklch(0.726 0.038 234);
}
.element {
color: var(--new-toile);
background-color: hsl(202 24% 65%);
border-color: oklch(0.726 0.038 234);
}Tailwind CSS v4
@theme {
--color-new-toile: #90abbb;
--color-new-toile-50: #ebf7ff;
--color-new-toile-100: #ddeaf3;
--color-new-toile-200: #c6d7e3;
--color-new-toile-300: #a6bbc8;
--color-new-toile-400: #89a3b2;
--color-new-toile-500: #6e8b9c;
--color-new-toile-600: #5d7584;
--color-new-toile-700: #4a5e69;
--color-new-toile-800: #35454d;
--color-new-toile-900: #243036;
--color-new-toile-950: #131c21;
}SCSS
$new-toile: #90abbb;
$new-toile-rgb: 144, 171, 187;
$new-toile-light: mix(#fff, $new-toile, 20%);
$new-toile-dark: mix(#000, $new-toile, 20%);
.element {
color: $new-toile;
box-shadow: 0 0 0 2px rgba($new-toile, 0.35);
}