En yakın adlandırılmış renk · #45AA9C
#45AA9C
En yakın adlandırılmış renk: Ambrosial Oceanside
#45AA9C (rgb(69 170 156), hsl(172 42% 47%), oklch(0.675 0.096 182.8)) en çok Ambrosial Oceanside 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.
#45AA9C
oklch(0.675 0.096 182.8)
Renk dönüşümleri
- HEX
- #45aa9c
- RGB
- rgb(69 170 156)
- HSL
- hsl(172 42% 47%)
- HWB
- hwb(172 27% 33%)
- OKLCH
- oklch(0.675 0.096 182.8)
- OKLab
- oklab(0.675 -0.096 -0.005)
- CIE Lab
- lab(63.47 -33.22 -2.02)
- LCH
- lch(63.47 33.28 183.5)
- CMYK
- cmyk(59% 0% 8% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5CB2A5
- 71BBAF
- 84C3B9
- 96CCC3
- A8D4CC
- BADDD6
- CBE5E0
- DCEEEA
- EEF6F5
Koyu tonlar
- 3B9387
- 317D73
- 27685F
- 1E534C
- 153F39
- 0C2D28
- 051B18
- 020B09
- 000101
Gri tonlar
- 4FA699
- 57A296
- 5F9E93
- 659991
- 6B958E
- 70918B
- 748D88
- 798986
- 7C8483
Renk uyumları
Tamamlayıcı +180°
- 45AA9C
Ambrosial Oceanside
- C87D91
≈ Wild Rose
Analog -30° +30°
- 45AA9C
Ambrosial Oceanside
- 66A87A
≈ Green Tea Candy
- 42A6BA
≈ Moonstone
Üçlü +120° +240°
- 45AA9C
Ambrosial Oceanside
- A288C8
≈ Petrified Purple
- C18956
≈ Espresso Tonic
Bölünmüş tamamlayıcı +150° +210°
- 45AA9C
Ambrosial Oceanside
- BA80B0
≈ Drama Violet
- CB8070
≈ Canyon Clay
Dörtlü +90° +180° +270°
- 45AA9C
Ambrosial Oceanside
- 8393D2
≈ Mystic Iris
- C87D91
≈ Wild Rose
- AB954D
≈ Semi Opal
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--ambrosial-oceanside: #45aa9c;
--ambrosial-oceanside-rgb: 69 170 156;
--ambrosial-oceanside-oklch: oklch(0.675 0.096 182.8);
}
.element {
color: var(--ambrosial-oceanside);
background-color: hsl(172 42% 47%);
border-color: oklch(0.675 0.096 182.8);
}Tailwind CSS v4
@theme {
--color-ambrosial-oceanside: #45aa9c;
--color-ambrosial-oceanside-50: #d8fff9;
--color-ambrosial-oceanside-100: #c5f3ec;
--color-ambrosial-oceanside-200: #a6e2d9;
--color-ambrosial-oceanside-300: #7cc8be;
--color-ambrosial-oceanside-400: #54b1a3;
--color-ambrosial-oceanside-500: #1a9a8c;
--color-ambrosial-oceanside-600: #1b8376;
--color-ambrosial-oceanside-700: #16695f;
--color-ambrosial-oceanside-800: #0f4d44;
--color-ambrosial-oceanside-900: #0a362f;
--color-ambrosial-oceanside-950: #00211c;
}SCSS
$ambrosial-oceanside: #45aa9c;
$ambrosial-oceanside-rgb: 69, 170, 156;
$ambrosial-oceanside-light: mix(#fff, $ambrosial-oceanside, 20%);
$ambrosial-oceanside-dark: mix(#000, $ambrosial-oceanside, 20%);
.element {
color: $ambrosial-oceanside;
box-shadow: 0 0 0 2px rgba($ambrosial-oceanside, 0.35);
}