En yakın adlandırılmış renk · #90D7D8
#90D7D8
En yakın adlandırılmış renk: Paradisiacal Getaway
#90D7D8 (rgb(144 215 216), hsl(181 48% 71%), oklch(0.833 0.071 197)) en çok Paradisiacal Getaway 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.
#90D7D8
oklch(0.833 0.071 197)
Renk dönüşümleri
- HEX
- #90d7d8
- RGB
- rgb(144 215 216)
- HSL
- hsl(181 48% 71%)
- HWB
- hwb(181 56% 15%)
- OKLCH
- oklch(0.833 0.071 197)
- OKLab
- oklab(0.833 -0.068 -0.021)
- CIE Lab
- lab(81.34 -22.86 -7.96)
- LCH
- lch(81.34 24.21 199.2)
- CMYK
- cmyk(33% 0% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9CDBDC
- A8DFE0
- B3E3E4
- BEE7E8
- C9EBEB
- D4EFEF
- DFF3F3
- EAF7F7
- F4FBFB
Koyu tonlar
- 7DBBBC
- 6A9FA0
- 578585
- 456B6B
- 345253
- 243B3B
- 152525
- 071111
- 010202
Gri tonlar
- 8FCECF
- 8EC5C6
- 8DBCBD
- 8CB3B4
- 8AABAB
- 89A2A2
- 87999A
- 859191
- 828888
Renk uyumları
Tamamlayıcı +180°
- 90D7D8
Paradisiacal Getaway
- F3B6B8
≈ Precious Pink
Analog -30° +30°
- 90D7D8
Paradisiacal Getaway
- 9BD8BF
≈ Isabella’s Aqua
- 97D2EC
≈ Slightly Spritzig
Üçlü +120° +240°
- 90D7D8
Paradisiacal Getaway
- DBBAE7
≈ Pretty Petunia
- E3C394
≈ Ripe Wheat
Bölünmüş tamamlayıcı +150° +210°
- 90D7D8
Paradisiacal Getaway
- ECB6D1
≈ Sweet Lilac
- F0BBA1
≈ Antique Cameo
Dörtlü +90° +180° +270°
- 90D7D8
Paradisiacal Getaway
- C4C2F5
≈ Light Periwinkle
- F3B6B8
≈ Precious Pink
- CDCC96
≈ Court-Bouillon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.62:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.89:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.89:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--paradisiacal-getaway: #90d7d8;
--paradisiacal-getaway-rgb: 144 215 216;
--paradisiacal-getaway-oklch: oklch(0.833 0.071 197);
}
.element {
color: var(--paradisiacal-getaway);
background-color: hsl(181 48% 71%);
border-color: oklch(0.833 0.071 197);
}Tailwind CSS v4
@theme {
--color-paradisiacal-getaway: #90d7d8;
--color-paradisiacal-getaway-50: #dffcfd;
--color-paradisiacal-getaway-100: #cef0f1;
--color-paradisiacal-getaway-200: #b2dee0;
--color-paradisiacal-getaway-300: #8cc3c5;
--color-paradisiacal-getaway-400: #6aacad;
--color-paradisiacal-getaway-500: #459596;
--color-paradisiacal-getaway-600: #3b7e7f;
--color-paradisiacal-getaway-700: #2f6566;
--color-paradisiacal-getaway-800: #214a4a;
--color-paradisiacal-getaway-900: #163333;
--color-paradisiacal-getaway-950: #071f1f;
}SCSS
$paradisiacal-getaway: #90d7d8;
$paradisiacal-getaway-rgb: 144, 215, 216;
$paradisiacal-getaway-light: mix(#fff, $paradisiacal-getaway, 20%);
$paradisiacal-getaway-dark: mix(#000, $paradisiacal-getaway, 20%);
.element {
color: $paradisiacal-getaway;
box-shadow: 0 0 0 2px rgba($paradisiacal-getaway, 0.35);
}