이름 색상 · #BFD6D1
Aquatic Edge
Aquatic Edge은(는) #BFD6D1: rgb(191 214 209), hsl(167 22% 79%), oklch(0.858 0.026 181.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Aquatic Edge color name →
#BFD6D1
oklch(0.858 0.026 181.2)
색상 변환
- HEX
- #bfd6d1
- RGB
- rgb(191 214 209)
- HSL
- hsl(167 22% 79%)
- HWB
- hwb(167 75% 16%)
- OKLCH
- oklch(0.858 0.026 181.2)
- OKLab
- oklab(0.858 -0.026 -0.001)
- CIE Lab
- lab(83.79 -8.7 -0.28)
- LCH
- lch(83.79 8.7 181.8)
- CMYK
- cmyk(11% 0% 2% 16%)
틴트 · 셰이드 · 톤
틴트
- C5DAD6
- CCDEDA
- D2E2DF
- D8E6E3
- DFEAE8
- E5EEEC
- ECF3F1
- F2F7F6
- F9FBFA
셰이드
- A6BAB5
- 8D9E9B
- 758481
- 5E6A68
- 485250
- 333B39
- 1F2523
- 0D1010
- 020202
톤
- B9CDC9
- B2C4C0
- ACBBB8
- A5B3B0
- 9FAAA8
- 99A1A0
- 939998
- 8C9190
- 868888
색 조화
보색 +180°
- BFD6D1
Aquatic Edge
- E0CACF
≈ Mega Metal Mecha
유사색 -30° +30°
- BFD6D1
Aquatic Edge
- C5D5C8
≈ Slow Green
- BED5DA
≈ Wind Speed
삼각 배색 +120° +240°
- BFD6D1
Aquatic Edge
- D3CDDF
≈ Potentially Purple
- DDCDC0
≈ Stonewashed Brown
분열 보색 +150° +210°
- BFD6D1
Aquatic Edge
- DBCAD8
≈ Creamy Mauve
- E0CAC6
≈ Pink Water
사각 배색 +90° +180° +270°
- BFD6D1
Aquatic Edge
- CAD0E2
≈ Wildflower Prairie
- E0CACF
≈ Mega Metal Mecha
- D6D0BE
≈ Grecian Ivory
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.52:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.75:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--aquatic-edge: #bfd6d1;
--aquatic-edge-rgb: 191 214 209;
--aquatic-edge-oklch: oklch(0.858 0.026 181.2);
}
.element {
color: var(--aquatic-edge);
background-color: hsl(167 22% 79%);
border-color: oklch(0.858 0.026 181.2);
}Tailwind CSS v4
@theme {
--color-aquatic-edge: #bfd6d1;
--color-aquatic-edge-50: #eef8f6;
--color-aquatic-edge-100: #dfebe9;
--color-aquatic-edge-200: #c9d8d5;
--color-aquatic-edge-300: #aabcb8;
--color-aquatic-edge-400: #8fa49f;
--color-aquatic-edge-500: #748c87;
--color-aquatic-edge-600: #637672;
--color-aquatic-edge-700: #4f5f5b;
--color-aquatic-edge-800: #394542;
--color-aquatic-edge-900: #27302e;
--color-aquatic-edge-950: #151c1b;
}SCSS
$aquatic-edge: #bfd6d1;
$aquatic-edge-rgb: 191, 214, 209;
$aquatic-edge-light: mix(#fff, $aquatic-edge, 20%);
$aquatic-edge-dark: mix(#000, $aquatic-edge, 20%);
.element {
color: $aquatic-edge;
box-shadow: 0 0 0 2px rgba($aquatic-edge, 0.35);
}