En yakın adlandırılmış renk · #0083F3
#0083F3
En yakın adlandırılmış renk: Too Blue to Be True
#0083F3 (rgb(0 131 243), hsl(208 100% 48%), oklch(0.613 0.193 253.6)) en çok Too Blue to Be True 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.
#0083F3
oklch(0.613 0.193 253.6)
Renk dönüşümleri
- HEX
- #0083f3
- RGB
- rgb(0 131 243)
- HSL
- hsl(208 100% 48%)
- HWB
- hwb(208 0% 5%)
- OKLCH
- oklch(0.613 0.193 253.6)
- OKLab
- oklab(0.613 -0.054 -0.185)
- CIE Lab
- lab(53.71 3.01 -65.66)
- LCH
- lch(53.71 65.73 272.6)
- CMYK
- cmyk(100% 46% 0% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3491F6
- 4F9EF8
- 67ABFA
- 7EB7FC
- 94C4FD
- A9D0FE
- BFDCFF
- D4E8FF
- EAF3FF
Koyu tonlar
- 0071D3
- 0060B4
- 004F97
- 003F7A
- 002F5E
- 002044
- 00122B
- 000614
- 000103
Gri tonlar
- 2484E8
- 3585DD
- 4385D1
- 4E85C6
- 5885BB
- 6184AF
- 6984A4
- 718398
- 79818C
Renk uyumları
Tamamlayıcı +180°
- 0083F3
Too Blue to Be True
- B27600
≈ Philippine Gold
Analog -30° +30°
- 0083F3
Too Blue to Be True
- 0092B6
≈ Cool Tide
- 7A6CF1
≈ Medium Slate Blue
Üçlü +120° +240°
- 0083F3
Too Blue to Be True
- DF4261
≈ Geranium
- 559900
≈ Grassy Green
Bölünmüş tamamlayıcı +150° +210°
- 0083F3
Too Blue to Be True
- D75500
≈ Raging Leaf
- 928700
≈ Thicket Green
Dörtlü +90° +180° +270°
- 0083F3
Too Blue to Be True
- CE48A1
≈ Krameria
- B27600
≈ Philippine Gold
- 009C6E
≈ Jitterbug Jade
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.79:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.54:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.54:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--too-blue-to-be-true: #0083f3;
--too-blue-to-be-true-rgb: 0 131 243;
--too-blue-to-be-true-oklch: oklch(0.613 0.193 253.6);
}
.element {
color: var(--too-blue-to-be-true);
background-color: hsl(208 100% 48%);
border-color: oklch(0.613 0.193 253.6);
}Tailwind CSS v4
@theme {
--color-too-blue-to-be-true: #0083f3;
--color-too-blue-to-be-true-50: #d1f8ff;
--color-too-blue-to-be-true-100: #bdebff;
--color-too-blue-to-be-true-200: #9cd8ff;
--color-too-blue-to-be-true-300: #71b9ff;
--color-too-blue-to-be-true-400: #3da0ff;
--color-too-blue-to-be-true-500: #0084ff;
--color-too-blue-to-be-true-600: #0070d8;
--color-too-blue-to-be-true-700: #005aae;
--color-too-blue-to-be-true-800: #004282;
--color-too-blue-to-be-true-900: #002e5c;
--color-too-blue-to-be-true-950: #001a3f;
}SCSS
$too-blue-to-be-true: #0083f3;
$too-blue-to-be-true-rgb: 0, 131, 243;
$too-blue-to-be-true-light: mix(#fff, $too-blue-to-be-true, 20%);
$too-blue-to-be-true-dark: mix(#000, $too-blue-to-be-true, 20%);
.element {
color: $too-blue-to-be-true;
box-shadow: 0 0 0 2px rgba($too-blue-to-be-true, 0.35);
}