이름 색상 · #3D5E8C
Delft
Delft은(는) #3D5E8C: rgb(61 94 140), hsl(215 39% 39%), oklch(0.478 0.084 256.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Delft color name →
#3D5E8C
oklch(0.478 0.084 256.9)
색상 변환
- HEX
- #3d5e8c
- RGB
- rgb(61 94 140)
- HSL
- hsl(215 39% 39%)
- HWB
- hwb(215 24% 45%)
- OKLCH
- oklch(0.478 0.084 256.9)
- OKLab
- oklab(0.478 -0.019 -0.082)
- CIE Lab
- lab(38.99 -1.34 -29.64)
- LCH
- lch(38.99 29.67 267.4)
- CMYK
- cmyk(56% 33% 0% 45%)
틴트 · 셰이드 · 톤
틴트
- 4F6D98
- 617DA3
- 748CAE
- 879CBA
- 9AACC5
- ADBCD1
- C1CDDC
- D6DDE8
- EAEEF3
셰이드
- 345179
- 2B4467
- 223755
- 1A2B43
- 121F33
- 0A1423
- 040A14
- 010307
- 000001
톤
- 44628B
- 4B658A
- 516989
- 586C88
- 5F7087
- 657386
- 6C7685
- 737A83
- 797D82
색 조화
보색 +180°
- 3D5E8C
Delft
- 78561E
≈ Lizard Brown
유사색 -30° +30°
- 3D5E8C
Delft
- 176682
≈ Georgian Bay
- 5A558A
≈ Mountain Iris
삼각 배색 +120° +240°
- 3D5E8C
Delft
- 86484C
≈ Red Elegance
- 466837
≈ Dell
분열 보색 +150° +210°
- 3D5E8C
Delft
- 844D32
≈ Two Cents
- 636020
≈ Gardener Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.60:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.17:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--delft: #3d5e8c;
--delft-rgb: 61 94 140;
--delft-oklch: oklch(0.478 0.084 256.9);
}
.element {
color: var(--delft);
background-color: hsl(215 39% 39%);
border-color: oklch(0.478 0.084 256.9);
}Tailwind CSS v4
@theme {
--color-delft: #3d5e8c;
--color-delft-50: #e7f6ff;
--color-delft-100: #d7e9ff;
--color-delft-200: #bfd6f9;
--color-delft-300: #9eb9e3;
--color-delft-400: #7ea0d0;
--color-delft-500: #6188be;
--color-delft-600: #5373a0;
--color-delft-700: #425c80;
--color-delft-800: #2e445f;
--color-delft-900: #1f2f43;
--color-delft-950: #0f1b2b;
}SCSS
$delft: #3d5e8c;
$delft-rgb: 61, 94, 140;
$delft-light: mix(#fff, $delft, 20%);
$delft-dark: mix(#000, $delft, 20%);
.element {
color: $delft;
box-shadow: 0 0 0 2px rgba($delft, 0.35);
}