Adlandırılmış renk · #2D4982
Coastal Surf
Coastal Surf, #2D4982: rgb(45 73 130), hsl(220 49% 34%), oklch(0.414 0.101 263). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Coastal Surf color name →
#2D4982
oklch(0.414 0.101 263)
Renk dönüşümleri
- HEX
- #2d4982
- RGB
- rgb(45 73 130)
- HSL
- hsl(220 49% 34%)
- HWB
- hwb(220 18% 49%)
- OKLCH
- oklch(0.414 0.101 263)
- OKLab
- oklab(0.414 -0.012 -0.101)
- CIE Lab
- lab(31.15 4.41 -35.96)
- LCH
- lch(31.15 36.23 277)
- CMYK
- cmyk(65% 44% 0% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 405A8F
- 536C9B
- 677DA8
- 7B8FB4
- 90A1C1
- A5B3CD
- BBC6DA
- D1D9E6
- E8ECF3
Koyu tonlar
- 263E70
- 1F345F
- 182A4E
- 11203E
- 0B172F
- 060E20
- 020612
- 010206
- 000001
Gri tonlar
- 354F82
- 3D5583
- 455A83
- 4E6083
- 566583
- 5E6B82
- 677082
- 6F7582
- 777B81
Renk uyumları
Tamamlayıcı +180°
- 2D4982
Coastal Surf
- 624600
≈ Mud Brown
Analog -30° +30°
- 2D4982
Coastal Surf
- 005272
≈ Captain Blue
- 4E3F7D
≈ Fresh Eggplant
Üçlü +120° +240°
- 2D4982
Coastal Surf
- 793130
≈ Fired Brick
- 245923
≈ Crusoe
Bölünmüş tamamlayıcı +150° +210°
- 2D4982
Coastal Surf
- 753906
≈ Red Beech
- 4C5000
≈ Scorzonera Brown
Dörtlü +90° +180° +270°
- 2D4982
Coastal Surf
- 743150
≈ Possessed Plum
- 624600
≈ Mud Brown
- 005947
≈ Forest Shadows
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.79:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.38:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.79:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--coastal-surf: #2d4982;
--coastal-surf-rgb: 45 73 130;
--coastal-surf-oklch: oklch(0.414 0.101 263);
}
.element {
color: var(--coastal-surf);
background-color: hsl(220 49% 34%);
border-color: oklch(0.414 0.101 263);
}Tailwind CSS v4
@theme {
--color-coastal-surf: #2d4982;
--color-coastal-surf-50: #e7f5ff;
--color-coastal-surf-100: #d7e8ff;
--color-coastal-surf-200: #bfd4ff;
--color-coastal-surf-300: #9eb7ec;
--color-coastal-surf-400: #7f9edb;
--color-coastal-surf-500: #6285c9;
--color-coastal-surf-600: #5371aa;
--color-coastal-surf-700: #425a88;
--color-coastal-surf-800: #2e4265;
--color-coastal-surf-900: #1f2e47;
--color-coastal-surf-950: #0f1a2e;
}SCSS
$coastal-surf: #2d4982;
$coastal-surf-rgb: 45, 73, 130;
$coastal-surf-light: mix(#fff, $coastal-surf, 20%);
$coastal-surf-dark: mix(#000, $coastal-surf, 20%);
.element {
color: $coastal-surf;
box-shadow: 0 0 0 2px rgba($coastal-surf, 0.35);
}