En yakın adlandırılmış renk · #352295
#352295
En yakın adlandırılmış renk: Gentian Blue
#352295 (rgb(53 34 149), hsl(250 63% 36%), oklch(0.363 0.175 280.7)) en çok Gentian Blue 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.
#352295
oklch(0.363 0.175 280.7)
Renk dönüşümleri
- HEX
- #352295
- RGB
- rgb(53 34 149)
- HSL
- hsl(250 63% 36%)
- HWB
- hwb(250 13% 42%)
- OKLCH
- oklch(0.363 0.175 280.7)
- OKLab
- oklab(0.363 0.032 -0.172)
- CIE Lab
- lab(22.86 35.64 -61.07)
- LCH
- lch(22.86 70.71 300.3)
- CMYK
- cmyk(64% 77% 0% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 443CA1
- 5453AD
- 6768B8
- 7A7DC3
- 8E93CE
- A4A8D8
- BABDE3
- D0D3EC
- E7E9F6
Koyu tonlar
- 2D1C81
- 25166D
- 1D115A
- 150B48
- 0E0737
- 080326
- 030116
- 010008
- 000001
Gri tonlar
- 3A3094
- 403B93
- 464592
- 4E4F90
- 55578E
- 5D608C
- 65688A
- 6E7087
- 777884
Renk uyumları
Tamamlayıcı +180°
- 352295
Gentian Blue
- 473E00
≈ Xanthophobia
Analog -30° +30°
- 352295
Gentian Blue
- 003F72
≈ Ashenvale Nights
- 5A087F
≈ Peaceful Purple
Üçlü +120° +240°
- 352295
Gentian Blue
- 6C2200
≈ Centipede Brown
- 004A2F
≈ Alaskan Moss
Bölünmüş tamamlayıcı +150° +210°
- 352295
Gentian Blue
- 573500
≈ Eyelash Camel
- 2B4700
≈ Garden Shadow
Dörtlü +90° +180° +270°
- 352295
Gentian Blue
- 77002B
≈ Bordeaux
- 473E00
≈ Xanthophobia
- 004845
≈ Cyprus
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.57:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.81:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.57:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--gentian-blue: #352295;
--gentian-blue-rgb: 53 34 149;
--gentian-blue-oklch: oklch(0.363 0.175 280.7);
}
.element {
color: var(--gentian-blue);
background-color: hsl(250 63% 36%);
border-color: oklch(0.363 0.175 280.7);
}Tailwind CSS v4
@theme {
--color-gentian-blue: #352295;
--color-gentian-blue-50: #edf0ff;
--color-gentian-blue-100: #dfe1ff;
--color-gentian-blue-200: #c9cbff;
--color-gentian-blue-300: #ababff;
--color-gentian-blue-400: #8d8fff;
--color-gentian-blue-500: #7571f5;
--color-gentian-blue-600: #6360cf;
--color-gentian-blue-700: #4f4da6;
--color-gentian-blue-800: #37387d;
--color-gentian-blue-900: #252758;
--color-gentian-blue-950: #14143c;
}SCSS
$gentian-blue: #352295;
$gentian-blue-rgb: 53, 34, 149;
$gentian-blue-light: mix(#fff, $gentian-blue, 20%);
$gentian-blue-dark: mix(#000, $gentian-blue, 20%);
.element {
color: $gentian-blue;
box-shadow: 0 0 0 2px rgba($gentian-blue, 0.35);
}