Nazwany kolor · #DFEAE8
Teton Breeze
Teton Breeze to #DFEAE8: rgb(223 234 232), hsl(169 21% 90%), oklch(0.928 0.012 184.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Teton Breeze color name →
#DFEAE8
oklch(0.928 0.012 184.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2ECEA
- E5EEED
- E9F0EF
- ECF2F1
- EFF4F3
- F2F7F6
- F5F9F8
- F9FBFA
- FCFDFD
Odcienie ciemniejsze
- C2CBCA
- A5AEAC
- 8A9190
- 6F7574
- 565A59
- 3D4140
- 272929
- 121313
- 020303
Tony
- D5DFDD
- CBD4D2
- C2C9C8
- B8BEBD
- AEB4B3
- A5A9A8
- 9B9F9E
- 929494
- 898A8A
Harmonie kolorów
Komplementarna +180°
- DFEAE8
Teton Breeze
- EFE4E6
≈ Venus Pink
Analogowa -30° +30°
- DFEAE8
Teton Breeze
- E1EAE4
≈ Delicate Mist
- DFE9EC
≈ Sweet Illusion
Triada +120° +240°
- DFEAE8
Teton Breeze
- E9E5EE
≈ Iris Isle
- EDE6DF
≈ Desert Storm
Komplementarna rozszczepiona +150° +210°
- DFEAE8
Teton Breeze
- EDE4EB
≈ Easter Bunny
- EFE5E2
≈ Aimee
Tetrada +90° +180° +270°
- DFEAE8
Teton Breeze
- E4E7F0
≈ Whisper Blue
- EFE4E6
≈ Venus Pink
- EAE7DE
≈ Santa’s Beard
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.07:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.07:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
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);
}