En yakın adlandırılmış renk · #09423D
#09423D
En yakın adlandırılmış renk: Botanical Night
#09423D (rgb(9 66 61), hsl(175 76% 15%), oklch(0.343 0.056 185.9)) en çok Botanical Night 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.
#09423D
oklch(0.343 0.056 185.9)
Renk dönüşümleri
- HEX
- #09423d
- RGB
- rgb(9 66 61)
- HSL
- hsl(175 76% 15%)
- HWB
- hwb(175 4% 74%)
- OKLCH
- oklch(0.343 0.056 185.9)
- OKLab
- oklab(0.343 -0.056 -0.006)
- CIE Lab
- lab(24.48 -19.26 -2.3)
- LCH
- lch(24.48 19.39 186.8)
- CMYK
- cmyk(86% 0% 8% 74%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 26534E
- 3E6460
- 557672
- 6C8985
- 839C98
- 9BAFAC
- B3C2C0
- CCD6D5
- E5EAEA
Koyu tonlar
- 073834
- 052F2B
- 032522
- 021C1A
- 011412
- 010B0A
- 000504
- 000101
- 000000
Gri tonlar
- 1B4843
- 284E4A
- 335450
- 3F5A57
- 4A615D
- 556764
- 5F6D6B
- 6A7372
- 757A79
Renk uyumları
Tamamlayıcı +180°
- 09423D
Botanical Night
- 512C34
≈ Japanese Wineberry
Analog -30° +30°
- 09423D
Botanical Night
- 1E412C
≈ Mizukaze Green
- 0A404B
≈ Cold and Dark
Üçlü +120° +240°
- 09423D
Botanical Night
- 403150
≈ Naggaroth Night
- 4C3217
≈ Bavarian Sweet Mustard
Bölünmüş tamamlayıcı +150° +210°
- 09423D
Botanical Night
- 4B2D44
≈ Purple Pennant
- 522E24
≈ Momoshio Brown
Dörtlü +90° +180° +270°
- 09423D
Botanical Night
- 313656
≈ Mediaeval Blue
- 512C34
≈ Japanese Wineberry
- 413813
≈ Camouflage
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.30:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.85:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.30:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--botanical-night: #09423d;
--botanical-night-rgb: 9 66 61;
--botanical-night-oklch: oklch(0.343 0.056 185.9);
}
.element {
color: var(--botanical-night);
background-color: hsl(175 76% 15%);
border-color: oklch(0.343 0.056 185.9);
}Tailwind CSS v4
@theme {
--color-botanical-night: #09423d;
--color-botanical-night-50: #e4fbf8;
--color-botanical-night-100: #d4eeeb;
--color-botanical-night-200: #badcd8;
--color-botanical-night-300: #97c1bd;
--color-botanical-night-400: #79aaa3;
--color-botanical-night-500: #59938c;
--color-botanical-night-600: #4c7c76;
--color-botanical-night-700: #3d635e;
--color-botanical-night-800: #2b4944;
--color-botanical-night-900: #1d322f;
--color-botanical-night-950: #0d1e1c;
}SCSS
$botanical-night: #09423d;
$botanical-night-rgb: 9, 66, 61;
$botanical-night-light: mix(#fff, $botanical-night, 20%);
$botanical-night-dark: mix(#000, $botanical-night, 20%);
.element {
color: $botanical-night;
box-shadow: 0 0 0 2px rgba($botanical-night, 0.35);
}