이름 색상 · #DFEAE8
Teton Breeze
Teton Breeze은(는) #DFEAE8: rgb(223 234 232), hsl(169 21% 90%), oklch(0.928 0.012 184.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Teton Breeze color name →
#DFEAE8
oklch(0.928 0.012 184.1)
색상 변환
- HEX
- #dfeae8
- RGB
- rgb(223 234 232)
- HSL
- hsl(169 21% 90%)
- HWB
- hwb(169 87% 8%)
- OKLCH
- oklch(0.928 0.012 184.1)
- OKLab
- oklab(0.928 -0.012 -0.001)
- CIE Lab
- lab(91.82 -4.07 -0.36)
- LCH
- lch(91.82 4.08 185.1)
- CMYK
- cmyk(5% 0% 1% 8%)
틴트 · 셰이드 · 톤
틴트
- E2ECEA
- E5EEED
- E9F0EF
- ECF2F1
- EFF4F3
- F2F7F6
- F5F9F8
- F9FBFA
- FCFDFD
셰이드
- C2CBCA
- A5AEAC
- 8A9190
- 6F7574
- 565A59
- 3D4140
- 272929
- 121313
- 020303
톤
- D5DFDD
- CBD4D2
- C2C9C8
- B8BEBD
- AEB4B3
- A5A9A8
- 9B9F9E
- 929494
- 898A8A
색 조화
보색 +180°
- DFEAE8
Teton Breeze
- EFE4E6
≈ Venus Pink
유사색 -30° +30°
- DFEAE8
Teton Breeze
- E1EAE4
≈ Delicate Mist
- DFE9EC
≈ Sweet Illusion
삼각 배색 +120° +240°
- DFEAE8
Teton Breeze
- E9E5EE
≈ Iris Isle
- EDE6DF
≈ Desert Storm
분열 보색 +150° +210°
- DFEAE8
Teton Breeze
- EDE4EB
≈ Easter Bunny
- EFE5E2
≈ Aimee
사각 배색 +90° +180° +270°
- DFEAE8
Teton Breeze
- E4E7F0
≈ Whisper Blue
- EFE4E6
≈ Venus Pink
- EAE7DE
≈ Santa’s Beard
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.23:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.07:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.07:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--teton-breeze: #dfeae8;
--teton-breeze-rgb: 223 234 232;
--teton-breeze-oklch: oklch(0.928 0.012 184.1);
}
.element {
color: var(--teton-breeze);
background-color: hsl(169 21% 90%);
border-color: oklch(0.928 0.012 184.1);
}Tailwind CSS v4
@theme {
--color-teton-breeze: #dfeae8;
--color-teton-breeze-50: #f1f6f5;
--color-teton-breeze-100: #e4e9e8;
--color-teton-breeze-200: #cfd6d5;
--color-teton-breeze-300: #b1b9b8;
--color-teton-breeze-400: #97a19f;
--color-teton-breeze-500: #7e8987;
--color-teton-breeze-600: #6b7472;
--color-teton-breeze-700: #555d5b;
--color-teton-breeze-800: #3e4443;
--color-teton-breeze-900: #2b2f2e;
--color-teton-breeze-950: #181b1b;
}SCSS
$teton-breeze: #dfeae8;
$teton-breeze-rgb: 223, 234, 232;
$teton-breeze-light: mix(#fff, $teton-breeze, 20%);
$teton-breeze-dark: mix(#000, $teton-breeze, 20%);
.element {
color: $teton-breeze;
box-shadow: 0 0 0 2px rgba($teton-breeze, 0.35);
}