En yakın adlandırılmış renk · #365C52
#365C52
En yakın adlandırılmış renk: Iridescent
#365C52 (rgb(54 92 82), hsl(164 26% 29%), oklch(0.443 0.047 175.4)) en çok Iridescent 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.
#365C52
oklch(0.443 0.047 175.4)
Renk dönüşümleri
- HEX
- #365c52
- RGB
- rgb(54 92 82)
- HSL
- hsl(164 26% 29%)
- HWB
- hwb(164 21% 64%)
- OKLCH
- oklch(0.443 0.047 175.4)
- OKLab
- oklab(0.443 -0.047 0.004)
- CIE Lab
- lab(35.99 -16.15 1.28)
- LCH
- lch(35.99 16.2 175.5)
- CMYK
- cmyk(41% 0% 11% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 496B62
- 5C7A72
- 6F8A82
- 839A93
- 97AAA4
- ABBBB6
- BFCBC8
- D4DCDA
- E9EEEC
Koyu tonlar
- 2E4F46
- 25423B
- 1E362F
- 162A25
- 0F1F1A
- 081411
- 030A08
- 010302
- 000000
Gri tonlar
- 3E6056
- 46635B
- 4D675F
- 546A64
- 5C6E69
- 63726D
- 6A7572
- 727977
- 797C7B
Renk uyumları
Tamamlayıcı +180°
- 365C52
Iridescent
- 694954
≈ Mixed Berry Jam
Analog -30° +30°
- 365C52
Iridescent
- 435A44
≈ Grey Asparagus
- 325B60
≈ Arctic Nights
Üçlü +120° +240°
- 365C52
Iridescent
- 554E6B
≈ Crowning
- 684D3A
≈ Radigan Conagher Brown
Bölünmüş tamamlayıcı +150° +210°
- 365C52
Iridescent
- 614A62
≈ Vivid Vision
- 6B4946
≈ Painite
Dörtlü +90° +180° +270°
- 365C52
Iridescent
- 47536E
≈ East Bay
- 694954
≈ Mixed Berry Jam
- 5F5235
≈ Marsh
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.47:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.80:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--iridescent: #365c52;
--iridescent-rgb: 54 92 82;
--iridescent-oklch: oklch(0.443 0.047 175.4);
}
.element {
color: var(--iridescent);
background-color: hsl(164 26% 29%);
border-color: oklch(0.443 0.047 175.4);
}Tailwind CSS v4
@theme {
--color-iridescent: #365c52;
--color-iridescent-50: #e8faf5;
--color-iridescent-100: #d8ede8;
--color-iridescent-200: #c0dbd4;
--color-iridescent-300: #9fc0b7;
--color-iridescent-400: #82a89d;
--color-iridescent-500: #659185;
--color-iridescent-600: #567a70;
--color-iridescent-700: #44625a;
--color-iridescent-800: #314841;
--color-iridescent-900: #22322d;
--color-iridescent-950: #111e1a;
}SCSS
$iridescent: #365c52;
$iridescent-rgb: 54, 92, 82;
$iridescent-light: mix(#fff, $iridescent, 20%);
$iridescent-dark: mix(#000, $iridescent, 20%);
.element {
color: $iridescent;
box-shadow: 0 0 0 2px rgba($iridescent, 0.35);
}