Adlandırılmış renk · #67AED0
Imrik Blue
Imrik Blue, #67AED0: rgb(103 174 208), hsl(199 53% 61%), oklch(0.717 0.087 230.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Imrik Blue color name →
#67AED0
oklch(0.717 0.087 230.4)
Renk dönüşümleri
- HEX
- #67aed0
- RGB
- rgb(103 174 208)
- HSL
- hsl(199 53% 61%)
- HWB
- hwb(199 40% 18%)
- OKLCH
- oklch(0.717 0.087 230.4)
- OKLab
- oklab(0.717 -0.055 -0.067)
- CIE Lab
- lab(67.42 -16.14 -24.68)
- LCH
- lch(67.42 29.49 236.8)
- CMYK
- cmyk(50% 16% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 77B6D5
- 87BEDA
- 96C6DF
- A6CEE3
- B5D6E8
- C3DFED
- D2E7F1
- E1EFF6
- F0F7FA
Koyu tonlar
- 5997B5
- 4B809A
- 3D6A80
- 305567
- 23414F
- 172E39
- 0C1C23
- 040B10
- 000102
Gri tonlar
- 6BA9C8
- 6EA5C0
- 72A0B8
- 749CB0
- 7797A8
- 7993A0
- 7B8E98
- 7D8990
- 7F8588
Renk uyumları
Tamamlayıcı +180°
- 67AED0
Imrik Blue
- D09472
≈ Feldspar
Analog -30° +30°
- 67AED0
Imrik Blue
- 59B4B9
≈ Aqueduct
- 84A5DA
≈ Blue Cue
Üçlü +120° +240°
- 67AED0
Imrik Blue
- CE8DAB
≈ Kiss
- A6A968
≈ Elf Slippers
Bölünmüş tamamlayıcı +150° +210°
- 67AED0
Imrik Blue
- D58E8D
≈ Pink Slip
- C09E63
≈ Gold Spell
Dörtlü +90° +180° +270°
- 67AED0
Imrik Blue
- BC92C6
≈ Violaceous
- D09472
≈ Feldspar
- 86B27E
≈ Verde
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.45:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.54:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--imrik-blue: #67aed0;
--imrik-blue-rgb: 103 174 208;
--imrik-blue-oklch: oklch(0.717 0.087 230.4);
}
.element {
color: var(--imrik-blue);
background-color: hsl(199 53% 61%);
border-color: oklch(0.717 0.087 230.4);
}Tailwind CSS v4
@theme {
--color-imrik-blue: #67aed0;
--color-imrik-blue-50: #defaff;
--color-imrik-blue-100: #cceeff;
--color-imrik-blue-200: #b0dcf4;
--color-imrik-blue-300: #8ac0dd;
--color-imrik-blue-400: #66a8c8;
--color-imrik-blue-500: #3f90b5;
--color-imrik-blue-600: #377a99;
--color-imrik-blue-700: #2c627b;
--color-imrik-blue-800: #1d485a;
--color-imrik-blue-900: #13323f;
--color-imrik-blue-950: #051e28;
}SCSS
$imrik-blue: #67aed0;
$imrik-blue-rgb: 103, 174, 208;
$imrik-blue-light: mix(#fff, $imrik-blue, 20%);
$imrik-blue-dark: mix(#000, $imrik-blue, 20%);
.element {
color: $imrik-blue;
box-shadow: 0 0 0 2px rgba($imrik-blue, 0.35);
}