Adlandırılmış renk · #B4E1D8
Fair Aqua
Fair Aqua, #B4E1D8: rgb(180 225 216), hsl(168 43% 79%), oklch(0.875 0.048 181.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Fair Aqua color name →
#B4E1D8
oklch(0.875 0.048 181.6)
Renk dönüşümleri
- HEX
- #b4e1d8
- RGB
- rgb(180 225 216)
- HSL
- hsl(168 43% 79%)
- HWB
- hwb(168 71% 12%)
- OKLCH
- oklch(0.875 0.048 181.6)
- OKLab
- oklab(0.875 -0.048 -0.001)
- CIE Lab
- lab(86.15 -16.5 -0.65)
- LCH
- lch(86.15 16.51 182.3)
- CMYK
- cmyk(20% 0% 4% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BCE4DC
- C3E7E0
- CBEAE4
- D2EDE7
- DAF0EB
- E1F3EF
- E9F6F3
- F0F9F7
- F8FCFB
Koyu tonlar
- 9CC4BC
- 85A7A0
- 6E8B85
- 58706B
- 445653
- 303E3B
- 1D2725
- 0C1211
- 020202
Gri tonlar
- AFD7CF
- AACDC6
- A5C3BD
- A0B9B4
- 9AAFAB
- 95A6A2
- 909C99
- 8B9391
- 858988
Renk uyumları
Tamamlayıcı +180°
- B4E1D8
Fair Aqua
- F3C9D4
≈ Mountain Laurel
Analog -30° +30°
- B4E1D8
Fair Aqua
- C0E0C6
≈ Soft Grass
- B2DFE8
≈ Polar Blue
Üçlü +120° +240°
- B4E1D8
Fair Aqua
- DBCFF1
≈ Plum’s the Word
- EED0B6
≈ Peach Purée
Bölünmüş tamamlayıcı +150° +210°
- B4E1D8
Fair Aqua
- EACBE5
≈ Sweet Dreams
- F4CBC3
≈ Cake Pop Pink
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.42:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.70:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--fair-aqua: #b4e1d8;
--fair-aqua-rgb: 180 225 216;
--fair-aqua-oklch: oklch(0.875 0.048 181.6);
}
.element {
color: var(--fair-aqua);
background-color: hsl(168 43% 79%);
border-color: oklch(0.875 0.048 181.6);
}Tailwind CSS v4
@theme {
--color-fair-aqua: #b4e1d8;
--color-fair-aqua-50: #e7faf6;
--color-fair-aqua-100: #d7ede9;
--color-fair-aqua-200: #bfdbd6;
--color-fair-aqua-300: #9dc0ba;
--color-fair-aqua-400: #7fa8a0;
--color-fair-aqua-500: #629188;
--color-fair-aqua-600: #537b73;
--color-fair-aqua-700: #42625c;
--color-fair-aqua-800: #304843;
--color-fair-aqua-900: #20322e;
--color-fair-aqua-950: #101e1b;
}SCSS
$fair-aqua: #b4e1d8;
$fair-aqua-rgb: 180, 225, 216;
$fair-aqua-light: mix(#fff, $fair-aqua, 20%);
$fair-aqua-dark: mix(#000, $fair-aqua, 20%);
.element {
color: $fair-aqua;
box-shadow: 0 0 0 2px rgba($fair-aqua, 0.35);
}