En yakın adlandırılmış renk · #8DBBE3
#8DBBE3
En yakın adlandırılmış renk: Double Denim
#8DBBE3 (rgb(141 187 227), hsl(208 61% 72%), oklch(0.774 0.075 245.2)) en çok Double Denim 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.
#8DBBE3
oklch(0.774 0.075 245.2)
Renk dönüşümleri
- HEX
- #8dbbe3
- RGB
- rgb(141 187 227)
- HSL
- hsl(208 61% 72%)
- HWB
- hwb(208 55% 11%)
- OKLCH
- oklch(0.774 0.075 245.2)
- OKLab
- oklab(0.774 -0.032 -0.069)
- CIE Lab
- lab(73.68 -8.31 -25.28)
- LCH
- lch(73.68 26.61 251.8)
- CMYK
- cmyk(38% 18% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 98C2E6
- A4C9E9
- AFCFEC
- BBD6EF
- C6DDF2
- D1E4F4
- DDEBF7
- E8F1FA
- F4F8FC
Koyu tonlar
- 7AA2C5
- 678AA8
- 55738C
- 445C71
- 334657
- 23323F
- 141F27
- 070D12
- 010203
Gri tonlar
- 8CB5D9
- 8BAFCF
- 8AA9C5
- 89A3BB
- 889DB1
- 8697A7
- 85929D
- 838C93
- 82868A
Renk uyumları
Tamamlayıcı +180°
- 8DBBE3
Double Denim
- D7AC82
≈ Paper Brown
Analog -30° +30°
- 8DBBE3
Double Denim
- 7BC2D4
≈ Thredbo
- A7B2E6
≈ Maximum Blue Purple
Üçlü +120° +240°
- 8DBBE3
Double Denim
- E0A2AF
≈ Iced Vovo
- AABE89
≈ Shrubbery
Bölünmüş tamamlayıcı +150° +210°
- 8DBBE3
Double Denim
- E1A595
≈ Pelican Pink
- C4B67E
≈ Cool Avocado
Dörtlü +90° +180° +270°
- 8DBBE3
Double Denim
- D5A4C9
≈ Berry Popsicle
- D7AC82
≈ Paper Brown
- 8FC4A1
≈ Delltone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.02:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.34:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--double-denim: #8dbbe3;
--double-denim-rgb: 141 187 227;
--double-denim-oklch: oklch(0.774 0.075 245.2);
}
.element {
color: var(--double-denim);
background-color: hsl(208 61% 72%);
border-color: oklch(0.774 0.075 245.2);
}Tailwind CSS v4
@theme {
--color-double-denim: #8dbbe3;
--color-double-denim-50: #e5f8ff;
--color-double-denim-100: #d5ebff;
--color-double-denim-200: #bbd8f4;
--color-double-denim-300: #99bcdd;
--color-double-denim-400: #79a4c9;
--color-double-denim-500: #5a8bb5;
--color-double-denim-600: #4d7699;
--color-double-denim-700: #3d5e7b;
--color-double-denim-800: #2a455b;
--color-double-denim-900: #1d303f;
--color-double-denim-950: #0d1c28;
}SCSS
$double-denim: #8dbbe3;
$double-denim-rgb: 141, 187, 227;
$double-denim-light: mix(#fff, $double-denim, 20%);
$double-denim-dark: mix(#000, $double-denim, 20%);
.element {
color: $double-denim;
box-shadow: 0 0 0 2px rgba($double-denim, 0.35);
}