En yakın adlandırılmış renk · #294E55
#294E55
En yakın adlandırılmış renk: Sunken Mystery
#294E55 (rgb(41 78 85), hsl(190 35% 25%), oklch(0.399 0.044 211.1)) en çok Sunken Mystery 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.
#294E55
oklch(0.399 0.044 211.1)
Renk dönüşümleri
- HEX
- #294e55
- RGB
- rgb(41 78 85)
- HSL
- hsl(190 35% 25%)
- HWB
- hwb(190 16% 67%)
- OKLCH
- oklch(0.399 0.044 211.1)
- OKLab
- oklab(0.399 -0.038 -0.023)
- CIE Lab
- lab(30.65 -12.18 -8.51)
- LCH
- lch(30.65 14.86 214.9)
- CMYK
- cmyk(52% 8% 0% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3D5E64
- 516F74
- 667F85
- 7A9195
- 8FA2A6
- A5B4B7
- BBC6C9
- D1D9DB
- E8ECED
Koyu tonlar
- 224349
- 1C383D
- 152D31
- 0F2326
- 09191C
- 050F11
- 020708
- 010202
- 000000
Gri tonlar
- 325359
- 3B585D
- 445D62
- 4D6266
- 55676A
- 5E6C6F
- 667173
- 6F7677
- 777B7C
Renk uyumları
Tamamlayıcı +180°
- 294E55
Sunken Mystery
- 5D3F39
≈ Shaved Chocolate
Analog -30° +30°
- 294E55
Sunken Mystery
- 2B4F49
≈ Carriage Green
- 324B5D
≈ Ingénue Blue
Üçlü +120° +240°
- 294E55
Sunken Mystery
- 563F52
≈ Currant Violet
- 50472B
≈ Tinny Tin
Bölünmüş tamamlayıcı +150° +210°
- 294E55
Sunken Mystery
- 5C3E46
≈ Hibiscus Punch
- 59422F
≈ Old Treasure Chest
Dörtlü +90° +180° +270°
- 294E55
Sunken Mystery
- 4B425C
≈ Purple Blanket
- 5D3F39
≈ Shaved Chocolate
- 444B30
≈ Matsuba Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.07:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.31:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 9.07:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--sunken-mystery: #294e55;
--sunken-mystery-rgb: 41 78 85;
--sunken-mystery-oklch: oklch(0.399 0.044 211.1);
}
.element {
color: var(--sunken-mystery);
background-color: hsl(190 35% 25%);
border-color: oklch(0.399 0.044 211.1);
}Tailwind CSS v4
@theme {
--color-sunken-mystery: #294e55;
--color-sunken-mystery-50: #e8f9fd;
--color-sunken-mystery-100: #d8ecf1;
--color-sunken-mystery-200: #c0dae0;
--color-sunken-mystery-300: #9fbec5;
--color-sunken-mystery-400: #81a6ad;
--color-sunken-mystery-500: #648e97;
--color-sunken-mystery-600: #557880;
--color-sunken-mystery-700: #446066;
--color-sunken-mystery-800: #30474b;
--color-sunken-mystery-900: #213134;
--color-sunken-mystery-950: #101d1f;
}SCSS
$sunken-mystery: #294e55;
$sunken-mystery-rgb: 41, 78, 85;
$sunken-mystery-light: mix(#fff, $sunken-mystery, 20%);
$sunken-mystery-dark: mix(#000, $sunken-mystery, 20%);
.element {
color: $sunken-mystery;
box-shadow: 0 0 0 2px rgba($sunken-mystery, 0.35);
}