En yakın adlandırılmış renk · #A2DCDA
#A2DCDA
En yakın adlandırılmış renk: Aqua Fiesta
#A2DCDA (rgb(162 220 218), hsl(178 45% 75%), oklch(0.854 0.059 193.4)) en çok Aqua Fiesta adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A2DCDA
oklch(0.854 0.059 193.4)
Renk dönüşümleri
- HEX
- #a2dcda
- RGB
- rgb(162 220 218)
- HSL
- hsl(178 45% 75%)
- HWB
- hwb(178 64% 14%)
- OKLCH
- oklch(0.854 0.059 193.4)
- OKLab
- oklab(0.854 -0.058 -0.014)
- CIE Lab
- lab(83.75 -19.51 -5.34)
- LCH
- lch(83.75 20.23 195.3)
- CMYK
- cmyk(26% 0% 1% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ACE0DE
- B5E3E1
- BFE7E5
- C8EAE9
- D1EEEC
- DBF1F0
- E4F5F4
- EDF8F8
- F6FCFB
Koyu tonlar
- 8CBFBD
- 77A3A2
- 638887
- 4F6E6C
- 3C5454
- 2A3C3C
- 192625
- 0A1111
- 010202
Gri tonlar
- 9FD2D1
- 9CC9C7
- 99C0BE
- 96B6B5
- 92ADAC
- 8FA4A3
- 8B9B9A
- 889291
- 848989
Renk uyumları
Tamamlayıcı +180°
- A2DCDA
Aqua Fiesta
- F3C0C4
≈ Plaza Pink
Analog -30° +30°
- A2DCDA
Aqua Fiesta
- ACDCC4
≈ Quantum Effect
- A5D8EC
≈ Blue Bubble
Üçlü +120° +240°
- A2DCDA
Aqua Fiesta
- DDC4EB
≈ Glittering Gemstone
- E7CAA5
≈ Gentle Fawn
Bölünmüş tamamlayıcı +150° +210°
- A2DCDA
Aqua Fiesta
- ECC0D9
≈ Starlet Pink
- F2C3B1
≈ Peach Temptation
Dörtlü +90° +180° +270°
- A2DCDA
Aqua Fiesta
- C9CBF6
≈ Soap
- F3C0C4
≈ Plaza Pink
- D5D2A5
≈ Cream Cheese Avocado
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.78:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.78:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--aqua-fiesta: #a2dcda;
--aqua-fiesta-rgb: 162 220 218;
--aqua-fiesta-oklch: oklch(0.854 0.059 193.4);
}
.element {
color: var(--aqua-fiesta);
background-color: hsl(178 45% 75%);
border-color: oklch(0.854 0.059 193.4);
}Tailwind CSS v4
@theme {
--color-aqua-fiesta: #a2dcda;
--color-aqua-fiesta-50: #e3fbfa;
--color-aqua-fiesta-100: #d2eeee;
--color-aqua-fiesta-200: #b8dddc;
--color-aqua-fiesta-300: #94c1c1;
--color-aqua-fiesta-400: #75aaa8;
--color-aqua-fiesta-500: #549391;
--color-aqua-fiesta-600: #487c7b;
--color-aqua-fiesta-700: #396362;
--color-aqua-fiesta-800: #294947;
--color-aqua-fiesta-900: #1b3331;
--color-aqua-fiesta-950: #0b1e1d;
}SCSS
$aqua-fiesta: #a2dcda;
$aqua-fiesta-rgb: 162, 220, 218;
$aqua-fiesta-light: mix(#fff, $aqua-fiesta, 20%);
$aqua-fiesta-dark: mix(#000, $aqua-fiesta, 20%);
.element {
color: $aqua-fiesta;
box-shadow: 0 0 0 2px rgba($aqua-fiesta, 0.35);
}