이름 색상 · #225869
Bright Nautilus
Bright Nautilus은(는) #225869: rgb(34 88 105), hsl(194 51% 27%), oklch(0.432 0.063 221.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Bright Nautilus color name →
#225869
oklch(0.432 0.063 221.9)
색상 변환
- HEX
- #225869
- RGB
- rgb(34 88 105)
- HSL
- hsl(194 51% 27%)
- HWB
- hwb(194 13% 59%)
- OKLCH
- oklch(0.432 0.063 221.9)
- OKLab
- oklab(0.432 -0.047 -0.042)
- CIE Lab
- lab(34.41 -14.05 -15.43)
- LCH
- lch(34.41 20.86 227.7)
- CMYK
- cmyk(68% 16% 0% 59%)
틴트 · 셰이드 · 톤
틴트
- 396777
- 4F7785
- 648794
- 7998A3
- 8FA8B2
- A5B9C1
- BBCAD0
- D1DCDF
- E8EDEF
셰이드
- 1C4B5A
- 163F4C
- 11333E
- 0B2831
- 071D24
- 031218
- 01090C
- 000304
- 000000
톤
- 2E5C6B
- 38606E
- 426470
- 4B6873
- 546C75
- 5D7077
- 667479
- 6F787C
- 777C7E
색 조화
보색 +180°
- 225869
Bright Nautilus
- 6E4435
≈ Noble Chocolate
유사색 -30° +30°
- 225869
Bright Nautilus
- 1C5B59
≈ Dark Turquoise
- 365272
≈ Aerostatics
삼각 배색 +120° +240°
- 225869
Bright Nautilus
- 68425A
≈ Prune Purple
- 575226
≈ West Coast
분열 보색 +150° +210°
- 225869
Bright Nautilus
- 6E4247
≈ Legal Ribbon
- 664A27
≈ Dallas
사각 배색 +90° +180° +270°
- 225869
Bright Nautilus
- 5C4669
≈ Velvet Beret
- 6E4435
≈ Noble Chocolate
- 435833
≈ Trefoil
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.87:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.66:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.87:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--bright-nautilus: #225869;
--bright-nautilus-rgb: 34 88 105;
--bright-nautilus-oklch: oklch(0.432 0.063 221.9);
}
.element {
color: var(--bright-nautilus);
background-color: hsl(194 51% 27%);
border-color: oklch(0.432 0.063 221.9);
}Tailwind CSS v4
@theme {
--color-bright-nautilus: #225869;
--color-bright-nautilus-50: #e3faff;
--color-bright-nautilus-100: #d3edf8;
--color-bright-nautilus-200: #b8dbe8;
--color-bright-nautilus-300: #95bfcf;
--color-bright-nautilus-400: #75a7b9;
--color-bright-nautilus-500: #5490a4;
--color-bright-nautilus-600: #487a8b;
--color-bright-nautilus-700: #39616f;
--color-bright-nautilus-800: #284851;
--color-bright-nautilus-900: #1b3239;
--color-bright-nautilus-950: #0b1e23;
}SCSS
$bright-nautilus: #225869;
$bright-nautilus-rgb: 34, 88, 105;
$bright-nautilus-light: mix(#fff, $bright-nautilus, 20%);
$bright-nautilus-dark: mix(#000, $bright-nautilus, 20%);
.element {
color: $bright-nautilus;
box-shadow: 0 0 0 2px rgba($bright-nautilus, 0.35);
}