Adlandırılmış renk · #AED4D2
Lake Breeze
Lake Breeze, #AED4D2: rgb(174 212 210), hsl(177 31% 76%), oklch(0.842 0.04 192.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Lake Breeze color name →
#AED4D2
oklch(0.842 0.04 192.5)
Renk dönüşümleri
- HEX
- #aed4d2
- RGB
- rgb(174 212 210)
- HSL
- hsl(177 31% 76%)
- HWB
- hwb(177 68% 17%)
- OKLCH
- oklch(0.842 0.04 192.5)
- OKLab
- oklab(0.842 -0.039 -0.009)
- CIE Lab
- lab(82.12 -13.28 -3.39)
- LCH
- lch(82.12 13.7 194.3)
- CMYK
- cmyk(18% 0% 1% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B6D8D6
- BEDDDB
- C6E1DF
- CEE5E4
- D7E9E8
- DFEEED
- E7F2F1
- EFF6F6
- F7FBFA
Koyu tonlar
- 97B8B6
- 809D9B
- 6A8381
- 556968
- 415150
- 2E3A39
- 1C2424
- 0B1010
- 010202
Gri tonlar
- A9CBC9
- A5C3C1
- A0BAB9
- 9CB2B0
- 97A9A8
- 93A1A0
- 8E9898
- 899090
- 858888
Renk uyumları
Tamamlayıcı +180°
- AED4D2
Lake Breeze
- E4C1C4
≈ Odyssey Plum
Analog -30° +30°
- AED4D2
Lake Breeze
- B5D4C3
≈ Little Beaux Blue
- B0D2DE
≈ Early June
Üçlü +120° +240°
- AED4D2
Lake Breeze
- D4C4DF
≈ Tender Violet
- DCC8AF
≈ Lentil
Bölünmüş tamamlayıcı +150° +210°
- AED4D2
Lake Breeze
- DFC1D2
≈ Lilac Snow
- E3C3B7
≈ Golden Guernsey
Dörtlü +90° +180° +270°
- AED4D2
Lake Breeze
- C7C9E5
≈ Powdered Granite
- E4C1C4
≈ Odyssey Plum
- D0CDAF
≈ Platinum Sage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.14:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.14:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--lake-breeze: #aed4d2;
--lake-breeze-rgb: 174 212 210;
--lake-breeze-oklch: oklch(0.842 0.04 192.5);
}
.element {
color: var(--lake-breeze);
background-color: hsl(177 31% 76%);
border-color: oklch(0.842 0.04 192.5);
}Tailwind CSS v4
@theme {
--color-lake-breeze: #aed4d2;
--color-lake-breeze-50: #e9f9f8;
--color-lake-breeze-100: #d9ecec;
--color-lake-breeze-200: #c2dad9;
--color-lake-breeze-300: #a1bebd;
--color-lake-breeze-400: #84a6a5;
--color-lake-breeze-500: #678f8d;
--color-lake-breeze-600: #587977;
--color-lake-breeze-700: #466160;
--color-lake-breeze-800: #324745;
--color-lake-breeze-900: #223130;
--color-lake-breeze-950: #111d1c;
}SCSS
$lake-breeze: #aed4d2;
$lake-breeze-rgb: 174, 212, 210;
$lake-breeze-light: mix(#fff, $lake-breeze, 20%);
$lake-breeze-dark: mix(#000, $lake-breeze, 20%);
.element {
color: $lake-breeze;
box-shadow: 0 0 0 2px rgba($lake-breeze, 0.35);
}