이름 색상 · #7DAEE1
Pool Floor
Pool Floor은(는) #7DAEE1: rgb(125 174 225), hsl(211 63% 69%), oklch(0.736 0.091 250.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Pool Floor color name →
#7DAEE1
oklch(0.736 0.091 250.1)
색상 변환
- HEX
- #7daee1
- RGB
- rgb(125 174 225)
- HSL
- hsl(211 63% 69%)
- HWB
- hwb(211 49% 12%)
- OKLCH
- oklch(0.736 0.091 250.1)
- OKLab
- oklab(0.736 -0.031 -0.086)
- CIE Lab
- lab(69.09 -6.68 -31.29)
- LCH
- lch(69.09 31.99 257.9)
- CMYK
- cmyk(44% 23% 0% 12%)
틴트 · 셰이드 · 톤
틴트
- 8AB6E4
- 97BEE8
- A4C6EB
- B1CEEE
- BED7F1
- CBDFF4
- D8E7F7
- E5EFFA
- F2F7FC
셰이드
- 6C97C4
- 5B80A7
- 4B6A8B
- 3B5570
- 2C4156
- 1E2E3E
- 111C27
- 050B12
- 010102
톤
- 7EA9D7
- 7FA5CD
- 7FA0C3
- 809CBA
- 8097B0
- 8093A6
- 808E9D
- 808993
- 80858A
색 조화
보색 +180°
- 7DAEE1
Pool Floor
- CEA068
≈ Summer in the City
유사색 -30° +30°
- 7DAEE1
Pool Floor
- 61B7D1
≈ Fitness Blue
- 9EA3E2
≈ Dalmatian Sage
삼각 배색 +120° +240°
- 7DAEE1
Pool Floor
- DC919C
≈ Dancer
- 96B578
≈ Florence
분열 보색 +150° +210°
- 7DAEE1
Pool Floor
- DB967E
≈ Tropical Blooms
- B6AB66
≈ Gimblet
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.01:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--pool-floor: #7daee1;
--pool-floor-rgb: 125 174 225;
--pool-floor-oklch: oklch(0.736 0.091 250.1);
}
.element {
color: var(--pool-floor);
background-color: hsl(211 63% 69%);
border-color: oklch(0.736 0.091 250.1);
}Tailwind CSS v4
@theme {
--color-pool-floor: #7daee1;
--color-pool-floor-50: #e3f8ff;
--color-pool-floor-100: #d3ebff;
--color-pool-floor-200: #b9d8fb;
--color-pool-floor-300: #96bbe5;
--color-pool-floor-400: #75a3d3;
--color-pool-floor-500: #558ac0;
--color-pool-floor-600: #4975a2;
--color-pool-floor-700: #3a5e82;
--color-pool-floor-800: #284560;
--color-pool-floor-900: #1a3044;
--color-pool-floor-950: #0b1c2c;
}SCSS
$pool-floor: #7daee1;
$pool-floor-rgb: 125, 174, 225;
$pool-floor-light: mix(#fff, $pool-floor, 20%);
$pool-floor-dark: mix(#000, $pool-floor, 20%);
.element {
color: $pool-floor;
box-shadow: 0 0 0 2px rgba($pool-floor, 0.35);
}